JS-библиотека для "граффити"?

Question

[b0n3Z]

Существуют ли javascript-библиотеки для быстрого создания функционала, аналогичному «Вконтактовскому» граффити? Хочется прилепить поле рисовалки к форме, чтобы не использовать плагинов типа flash или java.

Comments

[Kir Shatrov]

Тоже ищу =)

Answer 1

[kangax]

Посмотрите на fabric.js. Поддерживается как свободное рисование так и работа с векторными формами. Весит около 80 кб (~24 в gzip).

Comments

[b0n3Z]

Спустя два месяца после вопроса, благодаря вам, наконец-то нашлась библиотека. Спасибо!

[kangax]

Отлично! Кстати вот пример использования — сделал mustachified.com буквально за несколько дней :) Работает в последнем Chrome, Firefox и WebKit (из-за того что FileReader нужен).

Answer 2

[Mikhail Davydov]

Используя, canvas+excanvas вы будете иметь возможность кроссбраузерно нарисовать, но выгрузить картинку удастся только на Op 9+ (Presto 2.0) Fx 3+ (?), Sa, Ch, IE 9 Ибо только в них есть хоть какая-то поддержка canvas#toDataURL developer.mozilla.org/en/DOM/HTMLCanvasElement т.е. для вас возможность сохранить файл на сервере.
Я уже не говорю о HTML FileAPI canvas.getAsFile("test.jpg", "image/jpeg");

Кроссбраузерное решение только на Flash.

Comments

[Mikhail Davydov]

Можно, конечно, записывать все «рисовательные действия» пользователя и потом по ним повторно нарисовать на сервере, но помоему это реально адово извращение, проще поступиться с Flash

[b0n3Z]

Спасибо за #toDataURL, это как раз то, что я искал. К счастью, в текущем проекте на <IE9 можно с облегчением забить.

[Kir Shatrov]

А готовое решение на Flash можете подсказать?

[Антон Корзунов]

flashcanvas.net/ добавит полнофункциональный канвас в ИЕ и вы сможете забыть о тормозах и VML

Answer 3

[Виктор Кузнецов]

raphael.js

Comments

[Kir Shatrov]

Не смог найти в примерах чего-либо связанного с рисованием «граффити»…

[Виктор Кузнецов]

habrahabr.ru/blogs/javascript/59386/ — вот здесь есть описание и пример.
bnet.su/dvl/svg/ — вот сам пример рисования

Answer 4

[ArtemSmirnov]

Не уверен что мой ответ угодит всем, но тем не менее мне кажется что в javascript уже есть canvas и с помощью него без особых усилий за 1 час можно сделать подобную рисовалку.