首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将div中的内容保存为图像?

如何将div中的内容保存为图像?
EN

Stack Overflow用户
提问于 2013-09-03 06:06:27
回答 2查看 192.8K关注 0票数 62

基本上,我正在做标题所述的操作,尝试将div的内容保存为图像。

我计划为iPad做一个小的在线应用程序。

其中一个必不可少的功能是有一个“保存”按钮,可以将整个网页保存为图像,并将该图像保存到iPad的相机胶卷中。我希望保存div的全部内容,而不仅仅是可见区域。

我在网上进行了简短的搜索,但找不到很多关于任何东西的文档。我在HTML5画布上发现了很多东西。下面是我放在一起的一些代码:

<script>
function saveimg()
{
    var c = document.getElementById('mycanvas');
    var t = c.getContext('2d');
    window.location.href = image;

    window.open('', document.getElementById('mycanvas').toDataURL());
}
</script>

<div id="mycanvas">
This is just a test<br />
12344<br />
</div>

<button onclick="saveimg()">Save</button>

尽管如此,我还是得到了这个错误:

TypeError: c.getContext is not a function

这个应用程序将只使用HTML,CSS和jQuery (或其他Javascript库)构建。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18581379

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档