Set canvas background to black...

..to avoid blending issues with white background

docs/examples/web/audio/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/core/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/models/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/physac/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/shaders/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/shapes/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/text/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

docs/examples/web/textures/loader.html

@@ -36,7 +36,7 @@
 			}
             #eximage { width: 802px; height: 452px; text-align: center; }
 			#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
-            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+            #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
 			pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
 			.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 

templates/web_shell/shell.html

@@ -57,7 +57,7 @@
       div.emscripten_border { border: 1px solid black; }
       
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
-      canvas.emscripten { border: 0px none; }
+      canvas.emscripten { border: 0px none; background: black; }
       
       #emscripten_logo {
         display: inline-block;