使用angular2/typescript呈现带有css样式的html2canvas文档
使用angular2/typescript呈现带有css样式的html2canvas文档
提问于 2016-08-17 14:00:20
如何在angular2中使用html2canvas生成输出文件
我尝试导入文件html2canvas typescript，并进行了如下声明以使用它
declare let html2canvas: Html2CanvasStatic;但是我得到的html2canvas是没有定义的
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
}
});我在github html2canvas typescript上找到了这个文件
如何将其用于我的应用程序angular2
回答 5
Stack Overflow用户
发布于 2016-10-25 11:03:37
我可以使用html2canvas，但需要做以下更改：
package.json：
"dependencies": {
"html2canvas": "0.5.0-beta4",
"@types/html2canvas": "0.5.32",
}在使用npm install之后，我可以在component.ts文件中使用html2canvas，如下所示：
import * as html2canvas from "html2canvas"
test() {
html2canvas(document.body, {
onrendered: function(canvas) {
var img = canvas.toDataURL()
window.open(img);
}
});}
如果不安装@types/html2canvas，我可以通过require使用库，但不能通过import使用：
html2canvas = require('hmtl2canvas');Stack Overflow用户
发布于 2017-10-09 12:19:29
如果您使用的是Angular 4，您可以在.angular-cli.json的脚本列表下包含html2canvas，如下所示
"scripts": [
"../node_modules/html2canvas/dist/html2canvas.min.js"
]之后，将其导入到您的类中，如下所示
import * as html2canvas from "html2canvas"然后在函数中使用它，如下所示
html2canvas(parameters);Stack Overflow用户
发布于 2018-04-23 11:30:32
2018年：
html2canvas(document.body).then((canvas) => {
window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38998844
复制相关文章
相似问题
腾讯云开发者
