html2canvas相关内容

使用html2canvas和jspdf在React中从HTML生成pdf

我已经在React中成功地从html2canvas和jspdf生成了pdf.但是问题是pdf中渲染的图像被拉伸了.请让我知道进行此类工作的最佳选择是什么.是否有可能不使用html2canvas将HTML直接呈现为pdf? 以下是我的截图 输出屏幕截图和 pdf的屏幕截图 下面是我的代码 import React, { Component } from 'react'; import * ..
发布时间:2020-04-24 10:52:36 其他开发

优化HTML2Canvas的输出

我使用 amchart 创建了一个图表.稍后我将不得不将其导出为PDF. 由于建议在此处,我需要进行转换首先使用 html2canvas 将图表插入SVG. 它可以工作,但是图表看起来“坏了": 有什么方法可以优化结果? 这是我的代码的一部分: /* --- Chart --- */ var chart = AmCharts.makeChart("chartdiv ..
发布时间:2019-11-18 11:16:27 前端开发

html2canvas-没有iframe的屏幕截图

我有一个任务,需要在我的网页上加载URL (e.g www.yahoo.com)并进行屏幕截图.我正在使用 html2canvas 进行屏幕截图并将其附加到页面正文中. 由URL指定的页面已成功加载到div元素内的iframe中.但是,当我尝试拍摄该屏幕截图时,iframe区域变为空白. 下面是previewURL和screenshot的代码. //to preview the ..
发布时间:2019-11-14 12:06:16 前端开发

html2canvas-SecurityError:操作不安全

我在项目中使用html2canvas.js将元素(正文)转换为画布,然后将画布转换为图像. 我的元素包含从跨域加载的图像. 画布从元素创建的效果很好,但是当尝试canvas.toDataURL("image/png");时给出错误SecurityError: The operation is insecure 请帮我解决这个问题. canvas.toDataURL("image/png");不能从 ..
发布时间:2019-11-12 20:11:27 前端开发

从html导出图像到jsPDF

我有一个网页,我希望打印一些HTML。 为此,我使用 html2canvas 和 jsPDF 。 我遇到的问题是它不会打印HTML中显示的图像。 我的HTML和css看起来如下(完整的小提琴代码): .handsomeHtml { background:red; } .crazyFrog { background:url('http://e-cdn-images ..
发布时间:2019-06-12 15:10:44 前端开发

html2canvas输出选中div PHP

此代码几乎可以正常工作 这会将整个页面输出为jpg 问题:我怎样才能抓取内部的内容'#myDiv'并输出为jpg文件? $ JS: $('。myButton')。 click(function(){ $('#myDiv')。html2canvas(); // ..
发布时间:2019-06-06 15:11:16 PHP

循环html2canvas

我在尝试在for循环中实现html2canvas脚本时遇到了一些麻烦。 我正在编写一个使用数据数组的Javascript函数修改一组元素的样式,将容器div捕获为画布,将其转换为图像,将其附加到文档正文,然后移动到数组的下一个索引。 我遇到麻烦的部分是在我的循环结束时: html2canvas( document.getElementById(“background”),{ ..
发布时间:2019-06-06 04:26:39 前端开发

html2canvas javascript截图和上传

是否可以使用html2canvas( This)来拍摄用户屏幕的图片还要上传图片,获取上传链接并将其与ajax一起发送到网络服务器? 如果是这样,我该怎么做? 解决方案 是的,当然可以做这样的事情。 首先使用html2canvas api来拍摄用户屏幕的图片: html2canvas(document.body).then(function(canvas){ }); ..
发布时间:2019-06-06 02:37:44 前端开发

如何捕获客户端“桌面”部分的屏幕截图。使用HTML / JavaScript?

我知道如何捕获网页,但我想知道如何在桌面上捕获桌面或其他应用程序?如果有任何方式突出显示部分屏幕。就像html2canvas对网页的作用一样,我们可以使用HTML / JS中的浏览器应用程序为桌面应用程序做些什么吗? 解决方案 是的,它是可能的! 但据我所知只有Firefox和Chrome(我使用的是Chrome)。感谢屏幕截图和WebRTC。 有关WebRTC的更多信息 我用了一 ..
发布时间:2019-05-24 20:51:01 前端开发

html2canvas代码无法运行IE 11

我希望使用html2canvas库来制作一个div的图像并将其放入另一个div中。到目前为止,我在Safari,Chrome和Firefox中运行得非常好,但不是IE(11是我现在唯一关心的版本)。 我正在使用它来自另一个Stackoverflow问题的来自这个jsfiddle的代码: var aaaDiv = document.getElementById('aaa'); va ..