javascript – 从下到上加载图片？

是否可以从下到上加载图像？

假设我有一个很长很长的图像,需要60秒才能加载.内容可以从下到上阅读,我可以做任何事情使浏览器从下到上加载我的图像,以便用户可以在图像加载时读取它吗？

谢谢,

这是一个与这个问题相关的有趣的“AAAAAND ITS GONE”模因.

感谢所有回答我问题的人,以下是我总结的一些解决方案：

解决方案1：(Derek’s answer)

翻转图像,然后使用-webkit-transform显示它：scaleY(-1);

演示：http://jsfiddle.net/Nk6VP/

解决方案2(aloisdg’s answer)

使用BMP格式,这种方式浏览器将“向上”加载图像,但BMP不是保存大图像的好文件类型,但它仍然是一个很好的尝试,因为您不需要在服务器端翻转图像.

演示：http://jsfiddle.net/dfbPz/

(请禁用缓存以查看演示中的加载)

解决方法:

事实上,你可以.只需使用BMP格式.此格式从底部存储.

您可以找到向上加载here的图像样本.(您必须单击“位图和.rle图像”按钮才能显示样本.)

从位于fileformat.info的位图文件格式：

[Regarding file header structure] If Height is a positive number, then the image is a “bottom-up” bitmap with the origin in the lower-left corner. If Height is a negative number, then the image is a “top-down” bitmap with the origin in the upper-left corner.

您可以在topic in SO或this one找到更多信息.

标签：javascript,css,browser,html,image-loading
来源： https://codeday.me/bug/20190517/1120262.html