Công nghệ để viết chương trình Paint web

Question

Tôi muốn thực hiện một chương trình Paint web. Về cơ bản tôi muốn bắt chước chương trình Windows Paint trong một ứng dụng web.

Các tính năng mà tôi không thực sự biết làm thế nào để thực hiện bao gồm:

1. bản vẽ các hình dạng 2D (đường thẳng, đường tròn, vv) trong một trình duyệt web
2. kéo và thả
3. thay đổi kích thước động (xem trước khi bạn di chuyển chuột để thay đổi kích thước)

Tôi đoán sẽ có HTML5, CSS3 và Javascript. Tôi chủ yếu tự hỏi nếu có thư viện Javascript mà tôi có thể sử dụng để làm cho cuộc sống của tôi dễ dàng hơn.

Trân trọng

Answer 1

Có, bạn muốn sử dụng canvas ('flash mới'). Nó là một yếu tố HTML5 được hỗ trợ rộng rãi trong các trình duyệt (di động) mới hơn.

Dưới đây là một số liên kết để giúp bạn bắt đầu:
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

Một số phổ biến của thư viện là:
fabric.js, KineticJS và Processing.js

Chúc may mắn!