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

Question

3

有没有一种方法可以将部分加载的渐进式图像对象（PNG、JPG）绘制到画布上？

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

- seva.lapsha

2个回答

2

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

这种方法用于WebGL，但也可以用于2D画布，并扩展支持GIF、PNG和WebP。

- mems

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Simon Sarris · Accepted Answer

答案是否定的，根据规范的命令。

如果浏览器确实这样做了，那么它就违反了规范，规范指出：

如果图像尚未完全解码，则不会绘制任何内容。当img元素处于完全可用状态且用户代理能够无误解码媒体数据时，则认为该img元素已被完全解码。