html2pdf vue,vue+html2canvas 生成pdf报错

在Vue项目中使用html2canvas和jspdf库生成PDF时遇到问题,背景图无法正常显示,尽管图片URL在浏览器中可以正常打开。报错信息未给出。尝试了设置allowTaint和useCORS属性,但问题依然存在。代码段展示了调整元素位置以适应分页的逻辑,但没有解决图片显示问题。寻求社区帮助寻找解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在使用html2canvas 生成pdf时,其中背景图是根据后台返回路径而动态生成的,

6ea4f196712915032d92dcaf63d7cdec.png

背景图片无法显示,而图片地址在浏览器中是可以打开显示出来的!

报错信息

bVbK5qA

js代码import html2Canvas from 'html2canvas'

import JsPDF from 'jspdf'

export default {

install(Vue, options) {

Vue.prototype.$getPdf = function (id, title) {

function getScrollWidth() {

var noScroll, scroll

var oDiv = document.createElement('DIV')

oDiv.style.cssText = 'position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;'

noScroll = document.body.appendChild(oDiv).clientWidth

oDiv.style.overflowY = 'scroll'

scroll = oDiv.cli

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值