本文探讨了微信小程序中使用clip方法绘制多个圆形时遇到的兼容性问题，特别是iOS设备上的表现。开发者需要注意在调用clip()前保存画布状态，并在drawImage后立即restore()，以确保正确裁剪和绘制。此问题在微信6.7.0版本后已得到修复，但错误的写法仍可能导致问题重现。遵循官方示例并牢记最佳实践是避免此类问题的关键。
clip顾名思义 裁剪，小程序开放之初，clip方法画多个圆形时，模拟器和真机（尤其是ios）表现不一，如 ios只能裁剪一个圆形，微信6.6.7版本以前bug都存在，6.7.0开始修复；但是稍不注意写法，bug立马随之而来。在使用clip前，应先调用save()保存当前画布状态，因为clip() 方法从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内（不能访问画布上的其他区域）。我们可以在以后的任意时间通过restore()方法回复初始状态；我们drawImage后一定要记得马上restore()，再调用draw();否则无法画出裁剪圆 参考官方demo截图，谨记！
扫一扫
2678
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
