直接上图
代码:
shareContent.setFillStyle("rgb(255, 253, 208)");
shareContent.fill();
shareContent.fillRect(100, 100, 200, 60);
//画分享者头像
const shareAvatarRadius = 40;
const shareAvatarX = 60;
const shareAvatarY = 90;
drawCircleImg(shareContent, content.images[2], shareAvatarX, shareAvatarY, shareAvatarRadius);
var drawCircleImg = function(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();
}
这个圆形头像会突出了,不知道出了什么问题
裁剪路径没有生成完整, 你调用下fill() 填充以一个透明色, 应该可以把路径生成完整。这个和h5还是有差距的。
var drawCircleImg = function(ctx, img, x, y, r) {
ctx.save();
ctx.fillStyle ="rgba(255, 255, 255,255)";
const d = 2 * r;
const cx = x + r;
const cy = y + r;
ctx.arc(cx, cy, r, 0, 2 * Math.PI);
ctx.fill();
ctx.clip();
ctx.drawImage(img, x, y, d, d);
ctx.restore();
}
没有用啊
我这边调试是可以。
按照教程提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
https://developers.weixin.qq.com/s/xnrnNBmB784b
反馈收到
@官方 快来,这个目测要诱导分享了,快把他扼杀在摇篮之中
被你看出来了