Image和onload
Posted psxiao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Image和onload相关的知识，希望对你有一定的参考价值。
一、JS的new image（）用法
创建一个Image对象：var a = new Image();
定义Image对象的src：a.src="xxx.gif";这样就相当于给浏览器缓存一张照片了。<body>
<img src="" alt="" id="pic"/> <script> var a = new Image();
//将图片缓存在浏览器中 a.src = "../picture/1.jpg"
//也可以将图片呈现在页面中
var pic = document.querySelector(‘#pic‘); pic.src = a.src </script> </body>
Image也经常用于预加载。
Image对象代表嵌入的图像。
<img>标签每出现一次，一个Image对象就会被创建。
image.onload:
该事件的处理函数将会在image元素指示的图片加载完毕之后触发。此事件触发适用于用src元素属性或用list-style-image css属性声明元素样式。如果图片的加载源发生变化，该事件会在图片加载完毕之后再次触发。该事件不会再文档树上向上冒泡。
以上是关于Image和onload的主要内容，如果未能解决你的问题，请参考以下文章
CSS难题：background-image和border-image同时使用时，background-image会被border-image盖住，怎么解决
R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景（Change image border and background）