由于之前做移动端h5 打印图片都是用 html2canvas ,但是遇到比较多坑所以想转换用createjs直接绘制。
在createjs里，想实现比较基础的圆形图片，简单来说就是把图片放在一个圆形范围里面，超出圆形部分隐藏。
用到的属性: mask
效果图：
代码片段：
//创建图形 var bitmap1 = new createjs.Bitmap(queue.getResult(‘pic1‘)); //可进行图片位移 bitmap1.x = -80; bitmap1.y = -80; //创建圆形 var circle = new createjs.Shape(); circle.graphics.beginFill().drawCircle(100, 100, 100); stage.addChild(bitmap1); stage.addChild(circle); //进行遮罩处理 bitmap1.mask = circle;
源代码地址：
https://github.com/Zion0707/practice/blob/master/createjs/02.html
原文：https://www.cnblogs.com/zion0707/p/9608828.html