mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 16:46:26 +00:00
45 lines
1.4 KiB
XML
45 lines
1.4 KiB
XML
|
<!--
|
||
|
|
Any copyright is dedicated to the Public Domain.
|
||
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
||
|
|
-->
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">
|
||
|
|
<style>
|
||
|
|
@font-face {
|
||
|
|
font-family: Ahem;
|
||
|
|
src: url(../../fonts/Ahem.ttf);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<defs>
|
||
|
|
<mask id="m" x="0" y="0" width="600" height="400">
|
||
|
|
<g style="font: 32px Ahem; white-space: pre; fill: white">
|
||
|
|
<text x="20" y="100">one</text>
|
||
|
|
<text x="20" y="150" style="text-decoration: line-through"> </text>
|
||
|
|
</g>
|
||
|
|
</mask>
|
||
|
|
</defs>
|
||
|
|
<rect x="0" y="0" width="600" height="400" fill="blue" mask="url(#m)"/>
|
||
|
|
<g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
|
||
|
|
<rect x="20" y="73" width="96" height="32"/>
|
||
|
|
</g>
|
||
|
|
<script>
|
||
|
|
function waitUntilFontLoaded() {
|
||
|
|
var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
|
||
|
|
canvas.width = 100;
|
||
|
|
canvas.height = 100;
|
||
|
|
var ctx = canvas.getContext("2d");
|
||
|
|
ctx.font = "100px Ahem";
|
||
|
|
ctx.fillText("_", 0, 100);
|
||
|
|
var img = ctx.getImageData(50, 50, 1, 1);
|
||
|
|
if (img.data[3] == 255) {
|
||
|
|
setTimeout(function() {
|
||
|
|
document.documentElement.removeAttribute("class");
|
||
|
|
}, 1);
|
||
|
|
} else {
|
||
|
|
setTimeout(waitUntilFontLoaded, 200);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setTimeout(waitUntilFontLoaded, 200);
|
||
|
|
</script>
|
||
|
|
</svg>
|