| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>font-size: math treated as medium in disconnected canvas (reference)</title> |
| <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 = `medium serif`; |
| ctx.fillText("Hello World!", 5, c.height / 2); |
| 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> |