html2canvas相关内容

生成div的图像并另存为

我想创建一个输入按钮“保存图像": 拍摄div的屏幕截图 要求在用户计算机上“另存为" 我已经找到了如何使用html2canvas创建潜水屏幕并在新标签页中打开它的方法,该方法非常完美: function printDiv2(div) { html2canvas((div), { onrendered: function(canvas) { ..
发布时间:2020-06-15 18:31:10 前端开发

如何使用画布90°逆时针旋转从div渲染的.png?

首先让我说我是使用Canvas元素的新手.我已经设法通过jQuery和html2canvas.js将div渲染为png,但是我想将png逆时针旋转90度. 我假设我需要在canvas阶段执行此操作,然后再将其输出为png,以便即使在下载图片后也能保持持久性-我该怎么做? 这是我目前正在执行的操作(减去旋转) html2canvas($("#portrait_back_div"), ..
发布时间:2020-05-28 20:56:18 前端开发

如何在网站上制作带有svg元素的屏幕截图?

我在网站上创建了一个构造函数,其本质是将所选元素及其颜色(svg中的元素)添加到访问者选择的背景和背景颜色(png中的背景),然后必须单击单击“保存结果"按钮,仅执行工作区的屏幕截图.我写了这个脚本,但是只需要截图,但只需要背景,而忽略了已选择并安装的svg(它们不在截图中-只是背景),我对为什么有一些想法,但是我不知道如何解决它.元素的屏幕快照以及脚本给我的结果,我留在imgur上.谢谢您))) ..
发布时间:2020-05-28 20:44:27 前端开发

如何使用JavaScript在PDF中截屏

我正在使用Html2Canvas捕获屏幕截图,我想以PDF文件的格式获取输出,现在我以png图像格式获取输出,如何转换或以pdf格式获取输出 function genScreenshot() { html2canvas(document.body, { onrendered: function(canvas) { $('#box1').html(""); ..
发布时间:2020-05-28 20:44:25 前端开发

使用PHPMailer和html2pdf通过电子邮件发送PDF数据

我正在尝试通过电子邮件发送PDF或PNG,但似乎没有任何效果.以下是我的LAST尝试,我已经阅读了SO上的每篇文章,但都没有看到建议的内容,有人可以帮忙吗? 我使用的是PHPMailer,html2pdf和html2canvas,它们都可以在单击时生成正确的文档,只是将它们发送到php mailer却无法正常工作. 我正在获取无法打开的文档...以下是我的最后尝试... 使用file_get_co ..
发布时间:2020-05-27 19:03:28 PHP

Angular2-使用jspdf从HTML生成pdf

对于我正在处理的项目,我需要能够生成用户当前所在页面的PDF,为此,我将使用jspdf.因为我有一个HTML,所以我需要使用它生成PDF,所以我需要addHTML()函数.关于这一点,有很多话题, 您将需要使用html2canvas或rasterizehtml. 我选择使用html2canvas.这是我目前的代码: import { Injectable, ElementRef, ..
发布时间:2020-05-25 04:13:50 其他开发

使用jspdf将html页面保存为pdf,如果缩放浏览器,则保存的pdf包含不完整的页面内容,为什么?

我正在使用jspdf和html2canvas组合将html页面另存为pdf.单击按钮后,将保存当前页面的pdf副本.问题是,如果您放大页面,然后单击按钮,则保存的pdf包含当前页面的不完整部分.由于缩放,页面上大部分不可见的部分在保存的pdf页面中被切除.解决办法是什么? 下面是单击“保存"按钮后被调用的js代码- var pdf = new jsPDF('l', 'pt', 'a4'); ..
发布时间:2020-05-25 03:59:51 前端开发

jsPDF:fromHTML与addHTML

我正在尝试导出html(具有ID的div内),并设法使用fromHTML()做到了这一点,但是不幸的是,它没有读取/使用我拥有的任何CSS.这就是说,我尝试使用addHTML函数,但是当我使用以下代码时,似乎没有任何反应: function pdfExport(id) { window.html2canvas = html2canvas; var dddoc = new js ..
发布时间:2020-04-24 10:54:59 前端开发

html2canvas-是否可以将隐藏的DIV打印到pdf?

背景 我有一个记录表,该记录表使用“制表符"控件来允许用户进行排序,过滤等. 一旦他们在表中获得了想要的结果,我就需要提供一种方法,使用户可以使用PDF模板触发每行PDF的创建. 在页面顶部,我有一个下拉菜单,他们可以在其中选择模板.例如,它将具有以下选项: 带有蓝色徽标的pdf 带有粉红色徽标的pdf 等 我知道该怎么做 1.我知道如何遍历jQuery中表中的选定记录 ..
发布时间:2020-04-24 10:54:45 前端开发

html2canvas无法用于大型HTML内容

我正在尝试使用html2canvas库来保存动态生成并作为图像输出到页面的html.如果生成的HTML太多,则html2canvas可以正常工作,但是,如果生成的html确实太大(当我尝试打印时,它为70页),则html2canvas将返回一个canvas对象,其中canvas.toDataURL('image/png')返回data:;就是这样. 我在网上找到了一个帖子,建议将html2c ..
发布时间:2020-04-24 10:54:15 其他开发

带有html2Canvas的多页pdf

我正在使用react-typescript,并且在此ref的帮助下,我已经成功地从html页面创建了PDF文件 从React组件生成PDF文件 但是,如果我们要创建包含多个页面的PDF,该怎么办? 尺寸为a4的页面,所有面均应留有适当的边距,在每个新页面中均应应用边距. 这是我的代码. private printDocument() { const input = ..
发布时间:2020-04-24 10:53:57 其他开发

在第2页的第1页获取图像pdf

我正在使用html2canvas和Angular4的jsPDF创建图像.我想将此图像放置在2页生成的pdf的第1页上. 但是似乎这行, doc.save('test.pdf'); 需要紧接在htm2canvas()之后的函数内.因为如果我将其放置在该位置之外,它将不会在pdf中包含该图像. generatePDF(){ var doc = new jsPDF() ..
发布时间:2020-04-24 10:53:35 前端开发

使用angular4下载pdf格式的网页

我是angular 4的新手.我需要下载pdf格式的HTML网页,并且该html网页包含诸如 [(ngModel)] 输入,单选按钮 [已选中]之类的角度控件. . 而不是显示控制值,而是在pdf文件中显示未定义. 我尝试使用 jsPdf& html2Pdf 但它会引发错误 错误: You need either https://github.com/niklasvh/html2 ..
发布时间:2020-04-24 10:53:27 其他开发

在es6中使用jsPDF和html2canvas

我正在尝试将jsPDF和html2canvas与es6结合使用. 我正在导入html2canvas和jsPDF,但是在addHTML上出现错误 当我注释掉addHTML时,会生成pdf. 任何提示是什么问题? 谢谢. jspdf.debug.js:3754未捕获的错误:您需要 https://github.com/niklasvh/html2canvas 或 https:/ ..
发布时间:2020-04-24 10:53:19 前端开发

如何在angular 4中使用addHTML

我正在尝试在angular中使用jspdf库的addHTML函数,并且已经安装了html2Canvas但出现错误. 这是我的demo.component.ts文件. import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; import * as jsPDF from 'jspdf'; impor ..
发布时间:2020-04-24 10:53:09 前端开发