layout/reftests/canvas/text-no-frame-2-test.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Test to ensure non-framed canvas inherits properties</title>
   5 </head>
   6 <body>
   7 <div style="font: 20px sans-serif;">
   8 <div style="display: none;">
   9 <canvas id="c" width="512" height="256"></canvas>
  10 </div>
  11 <canvas id="d" width="512" height="256"></canvas>
  12 </div>
  13 <script type="text/javascript">
  14   var canvas = document.getElementById('c');
  15   var ctx = canvas.getContext('2d');
  16
  17   var str = 'BLEARGH!';
  18   ctx.font = '1em sans-serif';
  19   ctx.fillStyle = 'black';
  20   ctx.textAlign = 'center';
  21   ctx.fillText(str, 256, 128);
  22
  23   var canvas2 = document.getElementById('d');
  24   var ctx = canvas2.getContext('2d');
  25
  26   ctx.drawImage(canvas, 0, 0);
  27 </script>
  28 </body>
  29 </html>