mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 22:55:23 +00:00
d10366daf2
This is a little tricky because we can't put a save/restore pair around the operation because then we'll loose the clip.
17 lines
343 B
HTML
17 lines
343 B
HTML
<html>
|
|
<body>
|
|
<canvas width="500" height="500"></canvas>
|
|
<script>
|
|
var canvas = document.getElementsByTagName('canvas')[0];
|
|
var ctx = canvas.getContext('2d');
|
|
|
|
ctx.translate(500, 500);
|
|
ctx.fillStyle = "red";
|
|
ctx.beginPath();
|
|
ctx.rect(-250, -250, 50, 50);
|
|
ctx.clip();
|
|
ctx.fillRect(-500,-500,500,500);
|
|
</script>
|
|
</body>
|
|
</html>
|