Где я могу найти холст рисунка JavaScript?

Question

Я хочу построить программу рисования в JS. (JQuery предпочтительнее, но не обязательно).

В любом случае, мое зрение - большой, чистый белый холст с простой сеткой. Пользователь может перетаскивать «слои» в сетку (например, значки, картинки и т. Д.). Кроме того, это будет поддерживать кривые рисования, линии, коробки и т. Д.

Подумайте о Adobe Illustrator, но намного проще. Честно говоря, он будет использоваться для схемы баз данных больше, чем АРТ (если схемы базы данных не подходят для вас ... LOL)

Есть ли что -нибудь подобное?

Спасибо

Answer 1

Мне жаль сообщить вам, что вы не будете первыми с этой идеей.

Проверьте это - Diagramo.com (HTML5/Canvas) - lucidchart.com (HTML5/Canvas) - Gliffy.com (вспышка)

В дикой природе еще мало, хотя новое дополнение всегда хорошо для соревнований!

Answer 2

Для векторной графики я бы предложил использовать Inline SVG, а не что -то вроде холста. Чтобы вы начали здесь, это то, что я написал много времени назад (прежде чем я узнал о JSLINT, так что это не так аккуратно, как должно быть) http://jsfiddle.net/ctrlfrk/mzzvd/

Вот библиотека JQUERY SVG (я добавил ее в закладки, но не пробовал): http://keith-wood.name/svgref.html

Ссылка на Mozilla: https://developer.mozilla.org/en/svg_reference

И фактическая спецификация: http://www.w3.org/tr/svg11/index.html