content/canvas/test/reftest/clip-multiple-paths.html@6474c204b198
content/canvas/test/reftest/clip-multiple-paths.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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>
