[微信小程序]canvas的restore会改动之前创建的路径位置 [这个你也不知道答案吧!]

实际开发中需要在不同的位置绘制某个相同的形状,再创建剪切区域;由于形状较为复杂,所以将形状绘制过程写成函数,在save与restore之间,通过translate变换原点,调用绘制形状的方法;最后clip实现需求。


这种方式在HTML5 canvas上没有问题,

但在小程序的canvas上,restore之后在clip,创建的剪切形状的位置是translate之前的位置。(经测试,restore之后fill或stroke也有这个问题


按正常的逻辑,之前创建的路径被确立,restore只应修改绘图上下文,不应修改已创建的路径,HTML5 Canvas的行为是这样的,而小程序的canvas似乎是在调用fill,stroke,clip等方法时,以当前绘图上下文重新创建了一次路径。


如果我在save与restore之间填充了路径,于restore后再调用clip,就会出现两个矩形剪切区域,说明在调用fill,stroke,clip等方法时,真的以当前上下文重新创建了一次路径。。。




  • 你好,问题已复现,我们会在后续版本中进行修复。, 你好,以后请多指教
  • 4天过去了, 是啊其实没到四天三天半
  • clip在ios上会有问题,https://developers.weixin.qq.com/community/develop/doc/000402e99385406a7d087ac3359c00, 玩qq的都是年轻人。
    • emmm,那个也是我提的问题,这是另一个问题,和clip无关,是restore的问题, 经常思考问题可以开发智力哦。
    • 嗯, ok