vue中用html2canvas转换图片 图片不完整 或有偏移 有空白区域
html部分
<div style="height: 312px;overflow:hidden">
        <div class="parter" id="parter" ref="parter">
            <div class="qrcode" id="qrcode"></div>
            <p class="copywriting">{{changeText}}</p>
        </div>
    </div>

js部分
html2canvas(document.getElementById('parter'), {
        width: 300,
        height: 300,
        backgroundColor: null,
        useCORS: true, // 允许图片跨域
        taintTest: true, // 在渲染前测试图片
        timeout: 500 // 加载延时
      }).then(canvas => {
        canvas.toBlob((blob) => {
          saveAs(blob, '桌贴.png')
        })
      })

图片说明
导出的图片网上偏移

psw_9999
psw_9999 回复xiushenchenghua: 没有
11 个月之前 回复
xby153888071
xiushenchenghua 回复psw_9999: 解决了吗?
12 个月之前 回复
psw_9999
psw_9999 着急
大约一年之前 回复

1个回答

js加上debug;然后用谷歌浏览器开发工具调试下

psw_9999
psw_9999 没有什么用
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐