首页 > 其他 > 详细

canvas裁剪

时间:2017-10-12 23:54:34      阅读:400      评论:0      收藏:0      [点我收藏+]

clip(),在画布内使用路径,只绘制该路径内所包含区域的图像,不会只路径外的图像。

var canvas = document.getElementById(‘canvas‘);
var context = canvas.getContext(‘2d‘);

context.arc(160,160,150,0,2*Math.PI);
context.fillStyle = ‘#fff‘;
context.fill();
context.clip();

context.fillStyle = ‘rgba(280,187,186,1)‘;
context.fillRect(10,10,300,300);//显示半径为150的粉色圆

 

canvas裁剪

原文:http://www.cnblogs.com/cornlin/p/7658774.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!