canvas實現壓縮圖片的代碼示例

本篇文章給大家帶來的內容是關于canvas實現壓縮圖片的代碼示例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

// 對圖片進行壓縮      function compress(imgPath) {         var image = new Image();         //新建一個img標簽（還沒嵌入DOM節點)          image.src = imgPath;         image.onload = function() {             var canvas = document.createElement('canvas');             var    context = canvas.getContext('2d');             var    imageWidth = image.width / 3;                 //壓縮后圖片的大小              var    imageHeight = image.height / 3;             var data = '';             canvas.width = imageWidth;              canvas.height = imageHeight;             context.drawImage(image, 0, 0, imageWidth, imageHeight);             data = canvas.toDataURL('image/jpeg')             //壓縮完成              $(".srcDiscernImg").attr("src", data);             console.log("渲染。。。。");         }     }

本篇文章到這里就已經全部結束了，更多精彩內容大家可以關注PHP中文網的HTML5視頻教程欄目！！！