jquery - 将 html5 canvas 保存为服务器中的图像

标签 jquery html html5-canvas

我有一个带有图像的 html5 Canvas 。人们可以使用 javascript 编辑/调整图像。完成所有操作后,他们必须可以选择将该图像发布到他们的 Facebook 墙上。据我所知,我们可以满足这样的要求

Save Canvas data as image in to my server      -->     Post to Facebook with its image URL   -->    Delete the image on call back.

首先是这个假设是正确的,其次是

如何在单击按钮时使用 javascript 将 HTML 5 Canvas 保存为 png 图像? 可能吗?

最佳答案

您可以使用 JavaScript 将 Canvas 保存为特定的图像格式

var mycanvas = document.getElementById("whatever"); //get your canvas
var image    = mycanvas.toDataURL("image/png"); //Convert the canvas to image, currently converting to .png

关于jquery - 将 html5 canvas 保存为服务器中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13171964/

相关文章:

html - [object Object] 和 [object HtmlDivElement] 之间的区别。 Div 玩转 jQuery

javascript - 两个网页之间的滑动过渡动画

html - Bootstrap 3 在堆叠导航中对齐图像和链接

javascript - canvas:创建类似游戏的爆炸星星效果以实现游戏化目的

javascript - .on 更改功能第一次起作用而不是第二次起作用?

javascript - jQuery 按键事件触发器在页面加载时不起作用

javascript - 正则表达式仅匹配第一次出现的情况

javascript - (Javascript) 在特定位置动态插入元素

javascript - 对齐html5 Canvas 矩形内的文本

javascript - 当使用 .rotate() 时,它会留下 1px 线