canvas.2d.disconnected.html (701B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>HTML Canvas testcase: canvas element not in document</title> 4 <link rel=match href="canvas.2d.disconnected-ref.html"> 5 <meta name=fuzzy content="maxDifference=0-23;totalPixels=0-829"> 6 <body> 7 </body> 8 <script> 9 var d = new Document(); 10 var c = d.createElementNS("http://www.w3.org/1999/xhtml", "canvas"); 11 var ctx = c.getContext("2d"); 12 ctx.font = "50px monospace"; 13 ctx.fillText("Hello", 50, 75); 14 ctx.font = "25px serif"; 15 ctx.fillText("World", 100, 100); 16 c.toBlob((blob) => { 17 var img = document.createElement("img"); 18 const url = URL.createObjectURL(blob); 19 img.src = url; 20 img.style.border = "3px solid cyan"; 21 document.body.appendChild(img); 22 }); 23 </script>