var image = new Image();
// 設置剪輯區域
var clippingRegion = {x:400,y:200,r:50};
image.src = 'body.jpg';
image.onload = function(e){
?? ?initCanvas()
};
function initCanvas(){
?? ?draw(image);
};
function setClippingRegion(clippingRegion){
?? ?context.beginPath();
?? ?context.arc(clippingRegion.x , clippingRegion.y , clippingRegion.r , 0 , Math.PI*2 , false);
?? ?context.clip();
}
function draw(image,clippingRegion){

?? ?context.clearRect(0, 0, canvas.width, canvas.height);
?? ?context.save();
?? ?setClippingRegion(clippingRegion);
?? ?context.drawImage(image, 0, 0);
?? ?context.restore();
}