使用Javascript在瀏覽器中編輯圖像，然後將圖像保存在Google App Engine中

Question

我希望用戶能夠使用Javascript編輯我提供的圖像，然後將該圖像上傳回App Engine。

1. 原始圖像作爲Blob存儲在DataStore中。
2. 圖片僅限當前使用
3. 當前用戶只能查看圖像，但我希望用戶能夠編輯圖像（最多添加文本和行，不需要複雜的轉換）。
4. 用戶可以將圖像保存回Web應用程序。

什麼是做到這一點的最快方法？

是否可以很容易地與第三方JavaScript圖像庫（它已經有編輯工具）集成？

Answer 1

你的出發點（和最低要求）的藝術線條（讀：不是像素，但如你所說：文本和線條）將是HTML5 Canvas對象：

• http://www.w3schools.com/html5/html5_canvas.asp

根據在您的用例中，您可能需要「襯底」要裝飾的像素圖像。

爲了節省參考

• http://www.tutorialspoint.com/html5/canvas_states.htm和
• How to save HTML5 canvas?

如果最終結果應是像素，Canvas2Image，可能會被你。

對不起，只是拋出一般的鏈接在你身上，但因爲你以一般的方式問。希望這可以幫助。