Как стать автором
Обновить

Комментарии 33

Эх, не устаёшь повторять!)
Не знал (вернее копирайт внизу страницу видел, но не думал что все из хабралюдей =)).
Дима был клёвым спецом ещё до Хабра.
Яростно плюсую!
вот бы ещё там (http://raphaeljs.com/dragon.html) формочку сделать… что бы не спецы в js могли vml код забирать
Тоже вот хочу написать про то, как использовал это фреймворк в своем проекте. Пока проект в режиме закрытого бета-теста, поэтому показать нечего. Но кому будет интересно как создать интерактивный редактор-конструктор с применением векторной графики, драг-н-дропа и прочего, могу написать пару статеек.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
очень приятная библиотека, которую можно с умом использовать.

ps
демки на их оф сайте в Chrome только у меня глючат??
Chrome не поддерживается библиотекой.
К сожалению обошли создатели внимание вторую лису

2.0.0.20 дракон открылся, пример с «рисовать тут» тоже работает
вот вопрос: canvas и svg — это по сути одно и то же? В смысле ясно, что canvas это html5 тег а svg это векторная графика на XML
Но элементы там одинаковые или разные? Можно ли эти понятия смешивать?
Совсем разные вещи.
Из тривиального вот это raphaeljs.com/playground.html будет работать и в IE а canvas не поддерживается оным, и не будет по ходу ;(.
В разделе «Downloads» говорится:

— This project currently has no downloads.

И чё теперь?
1 ссылка:
sourceforge.net/projects/iecanvas
This project allows you to embed Internet Explorer and Mozilla within your java program as a java canvas.

И длл-ка на полтора метра внутри.
Хм. Прошу прощения, вы наверное и имели ввиду этот проект, потому что в описании первой ссылки сказано «An ActiveX implementation of HTML Canvas». Просто я реализация канвы на чистом JS с помошью VML. Сейчас попробую её найти.
* я видел реализацию на чистом JS

А вот и она, кстати: code.google.com/p/explorercanvas/
О, я его имел ввиду, помню что две буквы какие-то и canvas.
CANVAS — тег, в который можно рисовать при помощи JS, SVG — XML-формат векторной графики, его можно создавать при помощи JS (а можно и готовый подключать).
canvas:
— заправски раздаешь команды, чтобы порисовать
— все в пикселях, везде
— direct rendering

svg:
— основано на «типа» графе сцены (DOM, которым можно управлять)
— отрисовка происходит «сама по себе»
— все векторное до последнего момента (блита на экран)
— retained rendering

> Но элементы там одинаковые или разные? Можно ли эти понятия смешивать?

В целом, одинаковые понятия (porter-duff compositing, rasterization, 2D rendering), только представленные немного по-разному. Нижележая теория в общем одна и та же.
drag and drop demo
Chrome 1.0.154.65
> и хорошую документацию библиотке (не смотря на то что на английском языке все предельно ясно, хотя
> думаю если кто-то у кого с языками получше возьмется перевести сообщество ему только спасибо скажет)

_ _ _И (_ _ _ _, _ _ _ _, _ _ _. _, _, _ _-_, _ _ _ _ _, _ _, _ _ _ _ _)
Поправил
Ничего не поправил, до сих пор «не смотря на то что все ясно» и «возьмется перевести сообщество». Как вы собрались перевести сообщество, и где продолжение мысли «не смотря на то что все ясно»?
Что мне не понравилось в этой библиотеке, так это ее «state oriented programming» и отсутствие некоторых очень важных фич (например, все координаты — относительно canvas, а относительно чего-то другого задать нельзя).

Первое вроде можно поправить, а второе — как я понимаю, нельзя. Хотя, может быть, можно. :)
А вот если посмотреть на исходники библиотеки, то можно понять, что документация реализована всего где-то % на 40. А вот это плохо!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории