逐步渲染HTML5画布中的渐进式图像

时间:2013-01-31 20:47:22

标签: javascript html5 canvas png progressive

有没有办法将部分加载的渐进式图像对象(PNG,JPG)绘制到画布中?

大多数浏览器都支持标记中的渐进式加载,但我无法在画布中找到它的控制方式。

2 个答案:

答案 0 :(得分:3)

答案是否定的,按照规范的顺序。

如果浏览器确实发生了这种情况,那么它违反了规范,其中规定:

  

如果图像尚未完全解码,则不会绘制任何内容。

     

当img元素处于完全可用状态且用户代理可以无错误地解码媒体数据时,则认为img元素是完全可解码的。

答案 1 :(得分:1)

您可以查看streamingtextures js lib 使用自定义解码渐进式JPEG图像(通过Emscripten版本的libjpeg)并将图像内容作为字节数组返回。

此方法与WebGL一起使用,但也可用于2D画布,并扩展为支持GIF,PNG和WebP