标签:绘制 技术分享 http 范围 practice addchild ffffff 代码 png
由于之前做移动端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
标签:绘制 技术分享 http 范围 practice addchild ffffff 代码 png
原文地址:https://www.cnblogs.com/zion0707/p/9608828.html