Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 画布比普通图像快吗?_Javascript_Image_Canvas_Performance_Photo - Fatal编程技术网

Javascript 画布比普通图像快吗?

Javascript 画布比普通图像快吗?,javascript,image,canvas,performance,photo,Javascript,Image,Canvas,Performance,Photo,例如,如果我有这样的图像: 如果它是用JS写的,在画布上加载会更快吗?或者,使用PNG、JPG或GIF格式会更快吗?这取决于您的网络延迟,对于非平凡大小的图像,取决于服务器端和用户端的可用带宽。高延迟和低带宽会增加基于画布的解决方案速度更快的可能性 基于画布的图像绘制速度在浏览器之间也有很大差异。以下是一些相当过时的结果: 从那时起,Chrome推出了高级版本4,Firefox团队在Firefox 4的性能方面投入了大量的精力,IE9也带来了硬件加速。但它至少可以让您了解可变性。在我看来,这

例如,如果我有这样的图像:


如果它是用JS写的,在画布上加载会更快吗?或者,使用PNG、JPG或GIF格式会更快吗?

这取决于您的网络延迟,对于非平凡大小的图像,取决于服务器端和用户端的可用带宽。高延迟和低带宽会增加基于画布的解决方案速度更快的可能性

基于画布的图像绘制速度在浏览器之间也有很大差异。以下是一些相当过时的结果:


从那时起,Chrome推出了高级版本4,Firefox团队在Firefox 4的性能方面投入了大量的精力,IE9也带来了硬件加速。但它至少可以让您了解可变性。

在我看来,这是带宽与执行时间的折衷,一个答案并不适用于所有图像。哈哈。我很高兴,@Ish Kumar:DJust说得很清楚,“用JS编写”我想你是指进行实际渲染的数学运算,而不仅仅是通过JS加载图像并将其绘制到画布上。是吗?还没有人提到过,所以我会-如果最终用户禁用JavaScript,JavaScript解决方案将失败:)@Russ-Cam这是真的,但今天几乎每个人都启用了JS:)