收藏
回答

canvas clip的状态draw下就恢复了

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 需求 canvas.clip 微信iOS客户端 Android 6.6.7 2.1.0

- 开发工具


真机


代码:

var ctx = wx.createCanvasContext('designCanvas');

console.log(ctx);

var toPx = app.globalData.toPxUnit;

// ctx.font = "normal bold 16px -apple-system-font,Helvetica Neue,sans-serif";

ctx.arc(292 * toPx, 292 * toPx, 292 * toPx, 0, 2 * Math.PI);

ctx.clip();

ctx.drawImage(this.designImg, 0, 0, 586 * toPx, 586 * toPx);

ctx.draw();


ctx.rect(10, 10, 150, 75)

ctx.setFillStyle('yellow')

ctx.fill()

ctx.draw();


希望剪切个圆行,只显示原型,canvas里的内容随着手指移动,一调用draw()方法,剪切的区域就还原了。移动的时候如果不停调用clip画,很卡,


有什么好方法 绘制 吗?


最后一次编辑于  2018-06-16
回答关注问题邀请回答
收藏