时间:2019-05-03 来源:小程序工厂
9***:
我有方法
9***:
circleImg(ctx, img, x, y, r) {
ctx.save();
var d =2 * r;
var cx = x + r;
var cy = y + r;
ctx.arc(cx, cy, r, 0, 2 * Math.PI);
ctx.clip();
ctx.drawImage(img, x, y, d, d);
ctx.restore();
}潇***:系统记录
潇***:
谢谢!问题基本得到解决!但是还是有点不完美,我绘制头像调用 clip 后,会把后面的添加的内容也 clip 掉,然后我只能把绘制头像的工作放在最后一步去做,是不是绘制完之后有什么恢复 ctx 的操作!
9***:
ctx.restore()
潇***:
用了这个,没起作用~
9***:
这个 就是恢复画布的,你再看下 我看他API上有个恢复的
潇***:
嗯~ 好的! 多谢你了!
9***:
嗯嗯。我们功能都不上了 哈哈哈 - -尴尬啊
9***:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/save-restore.html#restore