| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function log(msg) |
| { |
| document.getElementById('console').appendChild(document.createTextNode(msg + "\n")); |
| } |
| |
| function testToDataURL() |
| { |
| testMIMEType(document.getElementById("zero-Zero"), "0x0"); |
| testMIMEType(document.getElementById("zero-oneHundred"), "0x100"); |
| testMIMEType(document.getElementById("oneHundred-zero"), "100x0"); |
| } |
| |
| function testMIMEType(canvas, description) |
| { |
| var ctx = canvas.getContext("2d"); |
| |
| // draw into canvas |
| ctx.fillStyle = "rgb(200,0,0)"; |
| ctx.fillRect(10, 10, 55, 50); |
| ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; |
| ctx.fillRect(30, 30, 55, 50); |
| |
| var dataURL = canvas.toDataURL(); |
| if (dataURL == "data:,") |
| log("PASS: Canvas of size " + description + " created data: url with no content - '" + dataURL + "'."); |
| else |
| log("FAIL: Canvas of size " + description + " did not create a data: url with no content - '" + dataURL + "'."); |
| } |
| </script> |
| </head> |
| <body onload="testToDataURL();"> |
| <canvas id="zero-Zero" width="0" height="0"></canvas> |
| <canvas id="zero-oneHundred" width="0" height="100"></canvas> |
| <canvas id="oneHundred-zero" width="100" height="0"></canvas> |
| <pre id='console'></pre> |
| </body> |
| </html> |
