2013-04-18 26 views
5

我想要做一個Web Paint程序。 基本上我想模仿Web應用程序中的Windows畫圖程序。用於編寫Web Paint程序的技術

,我真的不知道如何實現的功能有:

  1. 2D圖形(線,圓等)在Web瀏覽器的圖紙
  2. 拖放
  3. 調整大小動態(看到預覽,因爲你移動鼠標進行調整大小)

我猜測會有HTML5,CSS3和Javascript。我主要想知道是否有Javascript庫可以用來讓我的生活更輕鬆。

祝你好運

+2

[wikipedia](http://en.wikipedia.org/wiki/Javascript_graphics_library)有一些他們。 – Nolo

回答

2

是的,你想使用畫布('新閃光燈')。這是一個在較新的(移動)瀏覽器中得到廣泛支持的HTML5元素。

這裏有一些鏈接,讓你開始:
a complete ms-paint copy salvaged from the archive (last one I could find)
http://mudcu.be/sketchpad/
http://dev.opera.com/articles/view/html5-canvas-painting/
http://www.codeproject.com/Articles/355230/HTML-5-Canvas-A-Simple-Paint-Program-Touch-and-Mou

一些流行的庫的有:
fabric.jsKineticJSProcessing.js

祝你好運!

+0

我結束了使用Fabric.js。它使用起來非常簡單,代碼編寫得很好,可以輕鬆實現代碼庫的自定義以實現自己的目標。我很高興將它用於我的項目,並向任何開始在網上繪圖的人推薦。 – Myna