Vue中使用html2canvas画图（解决ios某些版本画图失败方案）

一、安装 html2canvas
npm install --save html2canvas（npm install --save html2canvas@1.0.0-rc.4）

IOS某些版本生成图片失败，解决方案使用1.0.0-rc.4版本
npm uninstall html2canvas
npm install --save html2canvas@1.0.0-rc.4

二、html

<div ref="canvasContent">内容...</div> //需要画成图片的内容
<div class="canvas_img v-if="canvasImg"> //展示画出的图片
	<img :src="canvasImg">
</div>

三、实现代码

data(){
	return {
		canvasImg: ''
	}
},
mounted(){
	this.generateCanvas()
},
methods: {
	generateCanvas() {
		let canvasContent = this.$refs.canvasContent
        html2canvas(canvasContent, {
        	dpi: window.devicePixelRatio * 2,
            scale: 2,
            width: canvasContent.offsetWidth,
            height: canvasContent.offsetHeight,
            scrollY: 0,
            scrollX: 0,
            useCORS: true
        }).then(canvas => {
            let url = canvas.toDataURL('image/png')
            this.canvasImg = url
        })
	}
}