2013-04-18 9 views
5

Chciałbym zrobić program do malowania w Internecie. Zasadniczo chciałbym naśladować program Windows Paint w aplikacji internetowej.Technologie do pisania w Internecie Program do malowania

Cechy że ja naprawdę nie wiem jak zaimplementować to:

  1. rysunek kształtów 2D (linii, koło, etc) w przeglądarce internetowej
  2. przeciągnij i upuść
  3. Resize dynamicznie (podgląd w trakcie przesuwania myszki w celu zmiany rozmiaru)

Zgaduję, że będą HTML5, CSS3 i Javascript. Zastanawiam się głównie, czy są biblioteki JavaScript, których mogłabym użyć, aby moje życie było łatwiejsze.

poważaniem

+2

[wikipedia] (http://pl.wikipedia.org/wiki/Javascript_graphics_library) ma ich mnóstwo. – Nolo

Odpowiedz

2

Tak, chcesz użyć płótna ('nowe lampy'). Jest to element HTML5 szeroko obsługiwany w nowszych (mobilnych) przeglądarkach.

Oto kilka linków na początek:
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

Niektóre popularne biblioteki są:
fabric.js, KineticJS i Processing.js

Powodzenia!

+0

Skończyło się na użyciu Fabric.js. Jest bardzo łatwy w użyciu, a kod jest naprawdę dobrze napisany, umożliwiając łatwe dostosowywanie kodu źródłowego do własnych celów. Byłem szczęśliwy, mogąc go użyć do mojego projektu i polecić każdemu, kto zaczyna od rysowania w sieci. – Myna