content/canvas/test/reftest/clip-multiple-paths.html

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <canvas id="canvas" width="100" height="100"></canvas>
michael@0 5
michael@0 6 <script>
michael@0 7
michael@0 8 var canvas = document.getElementById('canvas');
michael@0 9 var ctx = canvas.getContext('2d');
michael@0 10
michael@0 11 ctx.fillStyle = '#0f0';
michael@0 12 ctx.fillRect(0, 0, 100, 100);
michael@0 13
michael@0 14 ctx.beginPath();
michael@0 15 ctx.rect(30, 30, 40, 40);
michael@0 16 ctx.clip();
michael@0 17
michael@0 18 ctx.beginPath();
michael@0 19 ctx.arc(50, 50, 25, 0, 2 * Math.PI);
michael@0 20 ctx.clip();
michael@0 21
michael@0 22 ctx.fillStyle = '#f00';
michael@0 23
michael@0 24 ctx.fillRect(0, 0, 100, 100);
michael@0 25
michael@0 26 </script>
michael@0 27 </body></html>

mercurial