dom/canvas/test/reftest/1937751-cached-stroked-paths-1.html

   1 <canvas id=dest height="768" width="1024"></canvas>
   2 <script>
   3
   4 var c=document.getElementById("dest");
   5 var ctx=c.getContext("2d");
   6 ctx.setTransform(1,0,0,1,0,0);
   7
   8 ctx.transform(1,0,0,1,512,384);
   9 ctx.globalAlpha=1;
  10 ctx.beginPath();
  11
  12 ctx.moveTo(0,324);
  13
  14 ctx.lineTo(239.66624210637872,84.6706564587356);
  15 ctx.lineTo(78.17543855489896,-213.5804865149861);
  16 ctx.lineTo(-136.36617853185373,-262.93052317185794);
  17 ctx.lineTo(-195.91764235680165,51.60583806061618);
  18 ctx.lineTo(0,324);
  19 ctx.closePath();
  20 ctx.fillStyle="rgba(0,0,0,0)";
  21 ctx.fill();
  22 ctx.lineWidth=40;
  23 ctx.lineCap="butt";
  24 ctx.lineJoin="miter";
  25 ctx.miterLimit="10";
  26 ctx.strokeStyle="#555555";
  27 ctx.stroke();
  28 ctx.setTransform(1,0,0,1,0,0);
  29 ctx.clearRect(0,0,1024,768);
  30
  31
  32 ctx.transform(1,0,0,1,512,384);
  33 ctx.globalAlpha=0.5;
  34 ctx.beginPath();
  35 ctx.moveTo(0,324);
  36
  37 ctx.lineTo(239.66624210637872,84.6706564587356);
  38 ctx.lineTo(78.17543855489896,-213.5804865149861);
  39 ctx.lineTo(-136.36617853185373,-262.93052317185794);
  40 ctx.lineTo(-195.91764235680165,51.60583806061618);
  41 ctx.lineTo(0,324);
  42
  43 ctx.closePath();
  44 ctx.fillStyle="rgba(0,0,0,0)";
  45 ctx.fill();
  46 ctx.lineWidth=40;
  47 ctx.lineCap="butt";
  48 ctx.lineJoin="miter";
  49 ctx.miterLimit="10";
  50 ctx.strokeStyle="#555555";
  51 ctx.stroke();
  52 </script>