Vue 页面内容利用canvas做成导出图片

2019-11-05  本文已影响0人  QRFF

import html2Canvas from "html2canvas";

downloadIamge() {
      let that = this;
      html2Canvas(document.getElementById("export_content"), {
       useCORS:true,//解决canvas跨域
       allowTaint:false
      }).then(function(canvas) {
        let contentWidth = canvas.width;
        let contentHeight = canvas.height;
        let pageHeight = (contentWidth / 592.28) * 841.89;
        let leftHeight = contentHeight;
        let position = 0;
        let imgWidth = 595.28;
        let imgHeight = (592.28 / contentWidth) * contentHeight;
        let pageData = canvas.toDataURL("image/jpeg", 1.0);
        var a = document.createElement('a')
        var event = new MouseEvent('click')
        a.download = 'xx分析报告'
        a.href = pageData
        a.dispatchEvent(event)
      });
    }
上一篇 下一篇

猜你喜欢

热点阅读