2013-04-13 25 views
0

我們有一個定製的產品設計工具「http://dev.ejuicysolutions.com/custom_shirt_designer/」。當用戶完成文本格式等操作時,他們將點擊打印按鈕,他們可以打印,但我們需要將功能從打印擴展到「保存圖像,如畫布中所示」,然後通過電子郵件發送該圖像。電子郵件可以完成,但我們面臨的主要問題是圖像正在保存在服務器上,但所有其他格式(如文本)不會一起保存。無論是腳本放置文本等使用樣式...上的畫布......任何想法,如何實現?Canvas以保存圖像和電子郵件



在此先感謝!

回答

1

如果我理解這個權利,您需要將畫布內容導出到圖像中,處於用戶完成作品時的狀態?畫布內有一個導出功能。 canvas.toDataURL()。這樣你得到一個base64圖像,默認是png格式。

+0

是的,你是對的,但我們要麼有些混亂或絕對是一個在產品上放置文本的問題不會在畫布中被檢索以便與圖像一起保存。就像如果您只是訪問上面給出的URL並放置文本或任何內容,然後單擊打印並且一旦點擊彈出式窗口中的產品,文件將被保存,這可以在「http://dev.ejuicysolutions.com/custom_shirt_designer」 /file.png「,這表明格式化的文本不會在畫布中被回收! – Umer

0

貌似文本只是HTML添加在畫布之上,因此它不會得到與.toDataURL()

如果您使用的HTML格式的電子郵件,你可以保存CSS/HTML,然後重新申請編碼它的PNG的頂部(設置PNG作爲背景圖片)

或者alternativly使用canvas text而不是HTML,那麼這將是巴紐的一部分

相關問題