画布可以保存图像和电子邮件

时间:2013-04-13 17:25:39

标签: jquery html5 canvas imaging

我们在“http://dev.ejuicysolutions.com/custom_shirt_designer/”有一个自定义产品设计工具。当用户完成格式化文本等...他们将点击打印按钮,他们可以打印,但我们需要将功能从打印扩展到“保存图像,如画布中所示”,然后通过电子邮件发送该图像。电子邮件可以完成,但我们面临的主要问题是图像正在保存在服务器上,但所有其他格式如文本都不会随之保存。这两个脚本只是在画布上方使用样式......放置文本等......任何想法,它是如何实现的?



提前谢谢!

2 个答案:

答案 0 :(得分:1)

如果我理解这一点,你需要将画布内容导出到图像,处于用户完成工作时的状态吗?画布内有一个导出功能。 canvas.toDataURL()。这样你得到一个base64图像,默认是png格式。

答案 1 :(得分:0)

看起来文本只是在画布上添加了HTML,因此它不会使用.toDataURL()进行编码

如果您使用的是HTML电子邮件,则可以保存CSS / HTML,然后在png上重新应用它(将png设置为背景图像)

或者替代地使用canvas text而不是HTML,那么它将成为.png的一部分