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