问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何保存 HTML5 画布？

社区维基
1
新手上路，请多包涵

目前我正在使用 Canvas2Image 来保存我的 HTML5 画布的内容。但是，它似乎不适用于 Google Chrome。欢迎任何有关如何解决此问题的想法。 :)

原文由 Juho Vepsäläinen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译htmlsavehtml5-canvas
阅读 290
2 个回答
得票最新
社区维基
1
✓ 已被采纳

canvas.toDataURL() 似乎在 Chrome 中运行良好，因此可能是库问题。不过，“将画布转换为图像”功能似乎有效。

原文由 Amber 发布，翻译遵循 CC BY-SA 2.5 许可协议

社区维基
1

使用此代码

<html>
<head>
<script src="base64.js" type="text/javascript"></script>
<script src="canvas2image.js" type="text/javascript"></script>
</head>
<body>
<input type="button" id="savecanvas" value="Save Image" onclick="savecanvasfile()"/>
</body>
</html>

<script>
function savecanvasfile(){
    var canvas = document.getElementById('canvas_name');
    Canvas2Image.saveAsPNG(canvas);
}
</script>

下载这些 canvas2image.js 和 base64.js 并将其保存在本地文件夹中以供此代码运行。

这些将在网站上提供 https://web.archive.org/web/20140904002425/http://www.nihilogic.dk/labs/canvas2image/

原文由 Abi 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题