浏览器中如何通过js将jpeg图片转换成webp格式?
网友回复
要在JavaScript中将JPEG图片转换为WebP格式,可以使用HTML5的Canvas API或者Node.js的webp-converter库。以下是两种方法的示例:
方法一:使用Canvas API读取JPEG图片:通过FileReader读取图片。绘制到Canvas:将图片绘制到Canvas上。转换为WebP:使用Canvas的toDataURL方法转换为WebP格式。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JPEG to WebP Conversion</title> </head> <body> <input type="file" id="upload" accept="image/jpeg"> <img id="output" alt="WebP Image"> <script> document.getElementById('upload').addEventListener('change', function(event) { const file = eve...
点击查看剩余70%