HTML5 Canvas 中渐进式图像的渐进式渲染答案

【问题标题】：Gradual Rendering of Progressive Images in HTML5 CanvasHTML5 Canvas 中渐进式图像的渐进式渲染
【发布时间】：2013-01-16 02:08:32
【问题描述】：

有没有办法将部分加载的渐进图像对象（PNG、JPG）绘制到画布中？

大多数浏览器都支持标签中的渐进式加载，但我找不到如何在画布中控制它。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

根据规范的要求，答案是否定的。

如果浏览器确实发生了这种情况，那就违反了规范，该规范规定：

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

当一个 img 元素处于完全可用状态并且用户代理可以正确解码媒体数据时，则称该 img 元素是完全可解码的。

【讨论】：