canvas.2d.fontStretch-ref.html (430B)
1 <!DOCTYPE html> 2 <title>Canvas test: 2d.text.fontStretch</title> 3 <canvas id="c" class="output"><p class="fallback">FAIL (fallback content)</p></canvas> 4 <script> 5 6 var canvas = document.getElementById("c"); 7 var ctx = canvas.getContext('2d'); 8 9 function draw() { 10 ctx.font = '25px test'; 11 ctx.fillText("P", 10, 40); 12 } 13 14 var f = new FontFace('test', 'url(/fonts/pass.woff)'); 15 document.fonts.add(f); 16 17 f.load().then(draw); 18 19 </script>