javascript - html2canvas 教程?

标签 javascript html canvas screenshot html2canvas

<分区>

我想使用 html2canvas,但我不知道如何使用。

无意冒犯 Hertzen,他写了一个很棒的脚本,但文档不完整,所以它没什么用。

我查看了 JSFeedback,但整个脚本(我不得不从 HTML 源代码中“窃取”)仅适用于他的 html2canvas 版本,在评论中,他说尚未准备好开源。

任何帮助将不胜感激 - Apparatix。

最佳答案

试一试 --

在您的 index.html 中,添加以下 javascript 文件:

<script type="text/javascript" language="javascript" src="js/jquery.js">
</script>
 <script type="text/javascript" language="javascript" src="js/html2canvas.min.js">
</script>
<script type="text/javascript" language="javascript" src="js/jquery.plugin.html2canvas.js">
</script>

您可以从以下位置下载最后两个: https://github.com/downloads/niklasvh/html2canvas/v0.34.zip

然后在您的 Javascript 中,您可以编写代码(将#myObjectId 替换为有效的 JQuery 选择器):

$('#myObjectID').html2canvas({
    onrendered : function(canvas) {
    var img = canvas.toDataURL();
    // img now contains an IMG URL, you can do various things with it, but most simply:
        $('<img>',{src:img}).appendTo($('body'));
            }
        });

关于javascript - html2canvas 教程?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10692468/

相关文章:

javascript - 从保留换行符的 DOM 中提取未格式化文本的最佳方法?

html - 文本区域中的换行符被忽略

Python tkinter 将 Canvas 保存为 postscript 并添加到 pdf

javascript - 在 es6 类中制作 Canvas 场景

javascript - Firebase Twitter 身份验证和跨站点脚本

java - 如果站点正在使用 Ajax,如何使用 Selenium WebDriver 检查?

php - 如何将 2 行结果回显到具有 2 列的表

html - 制作两列相同大小的响应图像

javascript - HTML5 Canvas : Prevent moving on phone

javascript - 如何获得 XMLHttpRequest 的响应?