canvas實現(xiàn)壓縮圖片的代碼示例

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于canvas實現(xiàn)壓縮圖片的代碼示例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

// 對圖片進行壓縮      function compress(imgPath) {         var image = new Image();         //新建一個img標簽（還沒嵌入DOM節(jié)點)          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("渲染。。。。");         }     }

本篇文章到這里就已經(jīng)全部結(jié)束了，更多精彩內(nèi)容大家可以關(guān)注PHP中文網(wǎng)的HTML5視頻教程欄目?。?！