html2Canvas+JsPDF 导出pdf 无法显示网络图片

html2Canvas+JsPDF 导出pdf

问题：类似于下面着这种网络图片使用img导出的时候是空白的

https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics4.baidu.com%2Ffeed%2F7e3e6709c93d70cf827fb2fda054500cb8a12bc9.jpeg%40f_auto%3Ftoken%3Dd97d3f0fd06e680e592584f8c7a24ac8&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f360,240&n=0&g=0n&q=75&fmt=auto?sec=1690045200&t=e1a88c44b1b9907677400a079766e0bf

解决：将网络图片转成base64

<img :src="aaa" style="width:200px" alt="">转base64
let res = await this.getBase64Image('https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics4.baidu.com%2Ffeed%2F7e3e6709c93d70cf827fb2fda054500cb8a12bc9.jpeg%40f_auto%3Ftoken%3Dd97d3f0fd06e680e592584f8c7a24ac8&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f360,240&n=0&g=0n&q=75&fmt=auto?sec=1690045200&t=e1a88c44b1b9907677400a079766e0bf')
this.aaa = resgetBase64Image(src) {return new Promise(resolve => {const img = new Image()img.crossOrigin = ''img.src = srcimg.onload = function() {const canvas = document.createElement('canvas')canvas.width = img.widthcanvas.height = img.heightconst ctx = canvas.getContext('2d')ctx && ctx.drawImage(img, 0, 0, img.width, img.height)const ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase()const dataURL = canvas.toDataURL('image/' + ext)resolve(dataURL)}})},

导出

html2Canvas+JsPDF 导出pdf 无法显示网络图片相关推荐

html文本下一页,Javascript html2canvas + jsPDF 导出PDF，解决一半文字在上一页一半文字在下一页的问题...
var pdfContent = document.getElementById("pdfDiv"); var width = pdfContent.offsetWidth; // ...
使用html2canvas+jspdf导出iframe内容到pdf文件
使用html2canvas+jspdf导出iframe内容到pdf文件工具如下: html2canvas.js html2canvas.min.js jspdf.debug.js 代码如下: < ...
vue使用html2canvas jspdf实现pdf下载导出功能
vue使用html2canvas jspdf实现pdf下载导出功能功能步骤介绍: 1.安装全局.局部引用 2.封装 html2canvas结合 JsPDF 下载导出方法 3.组件页面调用
VScode+MarkDown导出PDF图片显示问题
问题 Windows10下使用VScode写MarkDown,但是在使用本地图片时在预览窗口可以完整显示图片,但是在用MarkDown-PDF插件导出PDF后,发现图片没有显示,以下是我导入图片时使用 ...
jspdf导出pdf 中文乱码
<script src="https://cdn.jsdelivr.net/npm/jspdf"></script><script src=" ...
【无标题】rstudio绘制的图形导出pdf不显示文字内容，导出png正常显示
问题: 之前绘制一个热图的时候,发现导出pdf的时候居然不显示文字!但是导出png的时候又是是正常显示的.我就纳闷了,如图所示: csdn自带的编辑器不太会调整,各位见谅将就着看哈. 原因: (手动狗 ...
html2Canvas+JsPDF生成pdf文件并下载
采用html2Canvas+JsPDF实现web页面/dom元素转pdf文件并下载 1.安装html2Canvas: npm install html2canvas 2.安装JsPDF: npm in ...
jspdf导出PDF文件
1.vue create pdf --------创建名为pdf的vue项目 2.npm install element-ui,pdfjs,jspdf-autotable ---安装三个必备的依 ...
ITextRenderer导出pdf不显示中文
ITextRenderer freemarker 生成pdf demo,并解决中文不显示的问题 package com.pdf;import com.lowagie.text.DocumentExce ...

html2Canvas+JsPDF 导出pdf 无法显示网络图片

html2Canvas+JsPDF 导出pdf

html2Canvas+JsPDF 导出pdf 无法显示网络图片相关推荐

最新文章

热门文章