关于支付宝小程序 canvas 绘图问题纪录
1、clip函数使用之前需要先保存之前绘制的路径,否则会覆盖掉之前的路径;
2、clip函数不会保存strokeStyle设置的值,需要在beginPath之前设置才生效;
let ctx = my.createCanvasContext('canvas'); ctx.strokeStyle = color; ctx.save(); ctx.beginPath(); ctx.arc(w / 2 + x, h / 2 + y, w / 2, 0, Math.PI * 2, false); ctx.stroke(); ctx.clip(); ctx.restore(); ctx.closePath();
ctx.draw();