javascript - Javascript / DOMImageObject ondata 事件

Question

是否有可能（或有技术）为DOM Image Elementimage.ondata获取事件客户端？又名，类似于.onload

问题上下文
标准'jpeg'从上到下渲染到浏览器图像元素中，一次像素行。玩这个会很有趣：动画向下滑动；一次绘制块。

可能
的解决方案 从服务器获取 base64 或二进制数据并在 Canvas 元素上呈现。还有其他想法吗？以前有人这样做吗*？

*是的，这是作弊，但如果你已经这样做了，它会省去我重新发明轮子的麻烦。

Answer 1

当图像数据到达时，我不知道如何对图像进行自定义渐进式渲染。您可以做的是不显示图像，等待整个图像加载（通过onload事件），然后自定义显示图像。

该自定义显示可以通过多种方式完成，例如许多可用于浏览器的基于 javascript/CSS 的幻灯片。

1. CSS 过渡可用于进行各种渲染（在现代浏览器中）。IE 有它自己的一组过滤器转换，可以在 IE 中使用（因为它还没有 CSS3 转换）。
2. 可以结合使用图像大小和图像上方对象的移动/大小来构建基于 Javascript 的过渡。例如，你可以做幻灯片、擦拭、百叶窗等......
3. 您可以使用画布自己绘制图像的任何部分。