微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将canvas元素用作图像缓冲区是更有益还是将img元素用作缓冲区更有益?

如何解决将canvas元素用作图像缓冲区是更有益还是将img元素用作缓冲区更有益?

| 我想用画布上的图像做大量的动画;使用canvas元素作为图像的缓冲区是否更有利(这样我们就不必再次调整大小)?或者将img元素用作缓冲区是否更有益? 还是实际上有更好的方法,如果性能是我应该做的头等大事而我却想念的话,那必须做吗? 另外,为什么“清理”画布的操作如此缓慢?我的背景是Windows Phone 7的xna编程和“清除”整个屏幕是最快的操作之一。 另外,应该通过设置width = width来“清除”画布还是应该执行drawRect(0,0,width,height)?     

解决方法

        您应该将canvas元素用作已转换图像的缓冲区,并在整数坐标上对齐drawImage调用。一旦需要转换图像,软件画布的实现就会变慢(因为转换=重采样=缓慢)。 请参阅:http://jsperf.com/canvas-drawimage 清除画布,使用clearRect:http://jsperf.com/canvas-clear-speed     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。