這是純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>