前端 使用html2canvas.js 生成海報

1.設定一個要生成海報的元素

<div id="viewBox" res="box">內容....</div>

2.引進js

Poster:function(){
	var that = this;
	var DomeW=that.$refs.box.offsetWidth;//獲取目標元素的寬高
	var DemoH = that.$refs.box.offsetHeight;//獲取目標元素的寬高
	html2canvas(document.querySelector("#viewBox"),{useCORS:true,width:DomeW,height:DemoH}).then(function(canvas) {
	var imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 獲取生成的圖片的url
	 console.log(imgUri )；//生成圖片base64
	})
},