HTML5 canvas clip() 方法

实例

切 200*120 见的:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// 域
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// 在 clip() 色矩形
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 clip() 方法。

注释:Internet Explorer 8 <canvas> 元素。

clip() 尺寸。

提示:在使用 clip() 使用 save() 通过 restore() 方法)。

JavaScript 语法:

context.clip();