解決用html2canvas.js腳本生成圖片模糊問題

用html2canvas.js的版本爲1.0.0的纔可以(說明:其他的沒有試過,有時間的可以去試一下)

<script src="html2canvas.js腳本路徑" type="text/javascript"></script>

有需要的可以去下載 :https://download.csdn.net/download/qq_35481871/11196937

在js中調用,代碼如下: 

var copyDom = $("#avatarPreview"); //要保存的dom
var width = copyDom.offsetWidth; //dom寬
var height = copyDom.offsetHeight; //dom高
var scale = 2; //放大倍數
html2canvas(copyDom[0], {
    dpi: window.devicePixelRatio * 2,
    scale: scale,
    width: width,
    heigth: height,
    useCORS: true // 【重要】開啓跨域配置
}).then(function (canvas) { //1.0.0版本的有then方法
    //返回圖片dataURL,參數:圖片格式和清晰度(0-1)    
    var dataURL = canvas.toDataURL("image/png", 1.0);
});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章