Canvas 剪切图片

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

/**  * 剪切图像  */ function initDemo8(){     var canvas = document.getElementById("demo8");     if (!canvas) return;     var context = canvas.getContext("2d");     var img = new Image();     img.src = "images/timg3.jpg";     img.onload = function () {         context.beginPath();         context.moveTo(50, 50);         context.lineTo(150, 50);         context.lineTo(150, 150);         context.lineTo(50, 150);         context.lineTo(50, 50);         context.closePath();         context.clip();         context.drawImage(img, 0, 0, 350, 350);     }; }