这是纯JS中的源代码,可将广泛不支持的WebP格式转换为JPG格式(也可以使用PNG)
在使用此代码执行网站并设置URL到WEBP-image之后,WebPTOJPG将图像从WebP转换为JPG,并将其放置在IMG中。它仅在支持WebP的浏览器中起作用,因此主要是Chrome。
<img id='a' src='URL-TO-WEBP-IMAGE' />
<script>
function webpToJpg(id) {
var image = new Image();
image.onload = function () {
var canvas = document.createElement('canvas');
canvas.width = this.naturalWidth;
canvas.height = this.naturalHeight;
canvas.getContext('2d').drawImage(this, 0, 0);
document.getElementById(id).src = canvas.toDataURL('image/jpeg');
};
image.src = document.getElementById(id).src;
}
webpToJpg('a');
</script>