2013-04-18 9 views
5

Mi piacerebbe fare un programma web Paint. Fondamentalmente mi piacerebbe imitare il programma Windows Paint in un'applicazione web.Tecnologie per scrivere un web Programma Paint

Le caratteristiche che io non so davvero come implementare sono:

  1. il disegno di forme 2D (linea, cerchio, ecc) in un browser web
  2. drag and drop
  3. ridimensionamento dinamicamente (vedere l'anteprima mentre si sposta il mouse per ridimensionare)

Suppongo che ci saranno HTML5, CSS3 e Javascript. Mi chiedo principalmente se ci sono librerie Javascript che potrei usare per semplificarmi la vita.

migliori saluti

+2

[wikipedia] (http://en.wikipedia.org/wiki/Javascript_graphics_library) ne ha una sfilza. – Nolo

risposta

2

Sì, si desidera utilizzare tela (il 'nuovo flash'). È un elemento HTML5 ampiamente supportato nei nuovi browser (mobili).

Ecco alcuni link per iniziare:
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

Alcuni biblioteca popolari sono:
fabric.js, KineticJS e Processing.js

Buona fortuna!

+0

Ho finito per usare Fabric.js. È molto facile da usare e il codice è ben scritto, consentendo una facile personalizzazione per il codice base per i propri obiettivi. Sono stato felice di usarlo per il mio progetto e consiglio a chiunque inizi a disegnare sul web. – Myna