content/canvas/test/reftest/clip-multiple-paths.html@b8a032363ba2
content/canvas/test/reftest/clip-multiple-paths.html
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <canvas id="canvas" width="100" height="100"></canvas>
6 <script>
8 var canvas = document.getElementById('canvas');
9 var ctx = canvas.getContext('2d');
11 ctx.fillStyle = '#0f0';
12 ctx.fillRect(0, 0, 100, 100);
14 ctx.beginPath();
15 ctx.rect(30, 30, 40, 40);
16 ctx.clip();
18 ctx.beginPath();
19 ctx.arc(50, 50, 25, 0, 2 * Math.PI);
20 ctx.clip();
22 ctx.fillStyle = '#f00';
24 ctx.fillRect(0, 0, 100, 100);
26 </script>
27 </body></html>
