用戶如何在網站中繪製和保存圖像？

我想開發一個網站，允許用戶使用鼠標或手指在網站上繪製自己的圖片，例如棒圖。然後我希望能夠保存圖像，然後才能打印。任何人都可以幫助解決這個問題的最佳方法。用戶如何在網站中繪製和保存圖像？

我對html和css有很好的理解，但我確實相信這需要更高級的東西來學習。任何援助將不勝感激。

您需要使用HTML5 canvas元素來實現這一點，但在我看來這是一個非常複雜的任務，但是可行。

您需要對畫布交互和繪圖工具有很好的理解。您可以在這裏找到非常基本的繪圖應用程序。

一旦用戶滿意畫，那麼你可以將它保存到磁盤。下面就是一個例子可以這樣做：

2013-01-16 11:23:18

非常感謝你 - 鏈接正是我需要的。 – user1983380

有幾種方法來實現這一目標。例如，你可以看看svg-edit，這是一個在線SVG（矢量圖形）編輯器（demo）。可以使用canvas元素。看到這個問題：Online Photoshop via HTML 5's Canvas?

2013-01-16 11:24:24

由於canvas元素在所有瀏覽器中都不是很好，最好使用svg-edit？你知道如果svg-edit可能被集成到一個網站，只有幾個功能，例如：鉛筆和橡皮和顏色？感謝您的幫助 – user1983380

在所有瀏覽器中都沒有好的解決方案;每個決定都會有其侷限性。我還沒有試圖將svg-edit整合到任何東西中，我只是用它作爲起點來找出你可以做什麼。 –

回答