canvas的一次拖拽和缩放,发现, 在快速或者足够多的操作之后,内存会逐渐上升,导致浏览器卡死,经过查找相关资料,发现了几个优化的点,这里作为记录。

1 批量绘制图形,一次性渲染

2 采用离线缓存处理canvas,显著提升性能

3 大尺寸的canvas可以转换成图片显示,以保证交互操作的流畅

4 使用requestAnimationFrame,传统的以固定频率命令浏览器进行渲染不同,该方法可以更友善的对待浏览器,它会在浏览器可用的时候使其来 渲染。这样带来的另外一个好处是当页面不可见的时候,它会很聪明的停止渲染。

你可能感兴趣的:(html5,html,react.js)