由于之前做移动端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
createjs 绘制圆形图片
原文地址：https://www.cnblogs.com/zion0707/p/9608828.html