pdf - 在画布中执行 toDataUrl 失败
问题描述
如果我尝试使用 html2canvas 截取屏幕截图并使用 jspdf 保存,我会收到以下错误: 在此处输入图像描述
如果我添加 crossorigin = "anonymous" 我会得到一个空白空间和同样的错误。这是代码:
window.html2canvas = html2canvas;
window.jsPDF = window.jspdf.jsPDF;
function createPDF() {
html2canvas(document.querySelector('#capture'), {
allowTaint: true,
useCORS: false,
scale: 1
}).then(canvas => {
document.body.appendChild(canvas);
let img = new Image();
img.src = canvas.toDataURL("image/png");
console.log(img);
let doc = new jsPDF('p', 'mm', 'a4');
let width = doc.internal.pageSize.getWidth();
var height = doc.internal.pageSize.getHeight();
doc.addImage(img, 'png', 0, 0);
doc.save("filename.pdf");
});
有谁知道发生了什么?任何解决方案将不胜感激!
解决方案
推荐阅读
- netlogo - “你不能在海龟上下文中使用 TICK,因为 TICK 是仅限于观察者的。” - 不知道如何修复该错误
- r - 在线性固定模型中包含截距为 0/1 的列
- azure - 将数据集和管道从一个 DF 迁移到另一个 DF
- angular - 如何使用@input 设置路由
- visual-studio-code - Visual Studio Code 文件搜索未正确跟踪项目文件
- c++ - 在第二种算法中没有正确测量时间
- rust - 有没有办法将结构转换为元组?
- r - 如何访问存储在服务器列表中的元素(闪亮)
- npm - npm 脚本在 node_modules/.bin 中找不到文件
- azure - Azure 应用程序;如何为网络外用户创建单独的授权页面