[]为什么使用遮罩会卡死？已上传附件
我有一张不规则图片用一个矩形遮罩遮住后，通过tween移动下方的图片，这个在pc的chrome浏览器测试帧频基本稳定，用firefox和手机浏览器测试，直接卡死了，这是什么原因？？去掉遮罩稳定一些，还有用canvas渲染跟用webgl渲染效率差好多啊，不知道现在手机端浏览器对webgl的支持率怎么样，官方有统计吗？因为之前询问过此问题，让上传附件，结果传了没下文了，故在此再发一遍问题，请见谅。旧贴为什么使用遮罩会卡死？
没有找到相关结果
已邀请:
要回复问题请先登录
1 个回复
cuixueying
赞同来自:
首先很抱歉，回复晚了
问题1、使用遮罩导致移动端卡死
答复：
我用vivo测试，点击开始按钮后只有10帧左右，用苹果测试是满帧
去掉遮罩 或者 去掉pear.jpg的显示，是满帧
总结：
1、你的被遮罩对象过大，建议被遮罩的对象大小像素不要超过2048，当然越小越好，最好保持在1024以下，否则性能还是很耗的。
我们的遮罩显示是基于cache的，所以遮罩的对象过大，会造成生成的图片失败甚至报错
修改方式：
不要把整个舞台的显示对象作为被遮罩对象，把需要遮罩的地方设置遮罩显示，如果真的需要整个舞台的遮罩，可以采用裁剪的方式，将不需要显示的地方进行裁剪，减少遮罩的使用，最大程度的提高项目的性能。
2、尽量减少动态重绘，也就是避免给动态的对象添加遮罩
这个也就是为什么去掉pear图片后，帧频会大幅度提高的原因。
请参考：
性能优化方案
问题2、手机端webGL与canvas的渲染效率
webGL模式为3D模式，canvas模式为2D模式，开始WebGL后，性能将会大幅度提高，我们官方提供了性能测试案例，你可以通过移动端扫码和PC端亲自测试下效果。请参考：性能优化方案