用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);
});