小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
- 预期表现
头像应该切成圆的啊。不知道是CanvasContext.arc的问题还是CanvasContext.clip的问题还是啥问题
- 复现路径
- 提供一个最简复现 Demo
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你在 ctx.clip() 前面先调用下ctx.fill() 试试
,
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
另外canvas是不支持 网路路径的图片 需要先下载到本地才能用。 https://developers.weixin.qq.com/s/FUKJaDm17D6r 这个是我们公司的绘制分享图片的代码 你参考下吧
可以的,非常感谢啊
context.save() context.moveTo(x, y + r) context.arc(x + r, y + r, r, 0, 2.1 * Math.PI) // context.fill(); //无效 // context.closePath()//无效 context.clip() context.drawImage(img, x, y, 2 * r, 2 * r) context.restore()
moveTo将画笔移动到你绘制到起点上。
还有官方能不能出一个将页面绘制成canvas以便分享到朋友圈的组件啊?感觉这需求还是挺常用的,由canvas功底不好的自己来写还真的是痛苦
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你在 ctx.clip() 前面先调用下ctx.fill() 试试
,
另外canvas是不支持 网路路径的图片 需要先下载到本地才能用。 https://developers.weixin.qq.com/s/FUKJaDm17D6r 这个是我们公司的绘制分享图片的代码 你参考下吧
可以的,非常感谢啊
context.save() context.moveTo(x, y + r) context.arc(x + r, y + r, r, 0, 2.1 * Math.PI) // context.fill(); //无效 // context.closePath()//无效 context.clip() context.drawImage(img, x, y, 2 * r, 2 * r) context.restore()
moveTo将画笔移动到你绘制到起点上。
还有官方能不能出一个将页面绘制成canvas以便分享到朋友圈的组件啊?感觉这需求还是挺常用的,由canvas功底不好的自己来写还真的是痛苦