спасибо. штука потрясающая. вручную ковыряться с SVG лениво, а так — очень удобно + по примерам видно, что хорошо работает с jQuery. Надо попробовать векторные карты рисовать…

xgraph 23 окт 2008 в 13:27

Пробовал, получается, но не так шустро работает, как хотелось бы. Поэтому пока растровые карты искоренить никак не выходит…

Fade 23 окт 2008 в 14:26

Скорость не сильно важна. Главное, чтобы большой нагрузки на проц/браузер не было. Меня привлекает размер SVG-файла (и то, что карта, п идее, загружается сразу) и возможности его обработки: можно практически все делать в любом векторном редакторе. По сути SVG позволяет использовать многие возможности Flash без оного.

deerua 23 окт 2008 в 02:14

часики зачет!
нужно подкинуть ТокиоФлеш идейку :)

arestov 23 окт 2008 в 08:52

а что это такое?

bolk 23 окт 2008 в 10:13

О, я вам завидую (без иронии!), откроете для себя TokioFlash: www.tokyoflash.com/en/

enartemy 23 окт 2008 в 13:23

А нафга www.tokyoflash.com/en/ если там www.tokyoflash.com/ru/ есть? :-)))

asdatarius 23 окт 2008 в 22:39

(без иронии) а кому-то реально удобно пользоваться часами от этой конторы? просто я с первого взгляда не понял как работает пара экспонатов (со стороны экспонатов — да, интересные игрушки. но замены обычным часам? хз)

deerua 23 окт 2008 в 13:07

Это то, что сейчас у меня на руке :))
www.tokyoflash.com/ru/watches/tokyoflash/infection/

Palant 23 окт 2008 в 11:27

Такие же часики, только чуть интересней для скринсейвера: blog.pixelbreaker.com/polarclock/

arestov 23 окт 2008 в 11:51

хмм… думаю такую же плавность можно сделать и на svg с помощью SMIL…

rossomachin 23 окт 2008 в 10:38

Стоит добавить, что разработчик «Рафаэля» тоже хабрачеловек: Дима Барановский.

arestov 23 окт 2008 в 11:12

ой! мне показалось, что он как Сергей Брин — вроде русский, а вроде и нет))

pepelsbey 23 окт 2008 в 14:23

Он гораздо более русский, чем тов. Брин :) т. е. не зазнался ещё

DmitryBaranovskiy 16 дек 2008 в 01:43

О, тут оказывается про меня пишут. Опоздал.
Спасибо Максим за PR. :)

arestov 23 окт 2008 в 11:19

так что теперь я ему фидбэки на русском писать буду))

TedBeer 23 окт 2008 в 11:00

Беда всех таких библиотечек — нестандартаный интерфейс. Сколько % возможностей SVG/VML оно охватывает? 5%-10%? Оно хорошо только как разминка для ума в процессе изучения векторной графики в браузерах, ну и для домашней странички пойдет. А на широком уровне оно никогда не будет востребовано, потому что это — очередной доморощенный велосипед.
Что мешает вам, как веб-разработчикам, пользоваться напрямую SVG? Отсутвие поддержки в IE? Ну так тогда самый рациональный и профессиональный подход, вместо написания подпорок в виде таких библиотечек, будет реализвать его! Сделать конвертор SVG в VML.

-3

arestov 23 окт 2008 в 11:15

я надеюсь, что библеотека разовьётся дальше 5%, кроме того спецификация SVG не самая маленькая и на её изучение нужно много времени. Это больше, чем HTML.

Мне ничего не мешает, я просто поделился замечательной биллеотекой и лишний раз провёл пропоганду использования SVG :)

DmitryBaranovskiy 16 дек 2008 в 03:06

Развивайте свою мысль. Вы наверное в курсе, что VML охватывает 50—60% от SVG. Как вы отконвертите анимацию? А clipping? А masking? A внедрённые шрифты? Есть ещё ряд тонкостей, но я уверен, что вы и так о них знаете и с нетерпением жду вашего конвертора VML→SVG.

TedBeer 16 дек 2008 в 11:53

уже есть и с анимацией, но это внутренняя разработка компании

arestov 16 дек 2008 в 12:16

прям таки SMIL с его SVG расширениями конвертируете в JS код для VML?

TedBeer 16 дек 2008 в 13:12

нет, реализован SMIL, который работает на любом DOMе (в том числе на DOM нашего XML based фреймворка и на SVG DOM, включая браузеры где есть SVG, но без анимации), для IE соотвественно создается SVG DOM и код конвертируется в VML. Таким образом имея нормальный DOM можно использовать любые наработки, работающие на стандартном DOM API

arestov 16 дек 2008 в 13:44

Круто!
примерно так? leunen.d.free.fr/fakesmile/

TedBeer 16 дек 2008 в 13:53

да, и у нас оба API — js и декларативный. вот пример кода из наших тестов:

JS:

var elm = this.viewNode;

var oAnimation = {

'attributeName' : 'height',

'dur' : '400ms',

'to' : '1px',

'fill' :'freeze'

};

var fnAnimationCallback = function() {

elm.style.display = 'none';

};

bb.smil.animate(elm, oAnimation, fnAnimationCallback);



или декларативный:

<smil:animate attributeName="value" attributeType="XML" dur="1.0s" from="0" to="255" targetElement="red_slider" fill="freeze" />

тут можно глянуть демки фреймворка, но SVG там пока нету:
demo.backbase.com/explorer/#|examples/smilColorAnimation.xml

arestov 16 дек 2008 в 14:02

класссс! вы, ребята, — молодцы!

TedBeer 16 дек 2008 в 14:09

ага, спасибо! думаю не зря монстры типа Филипса, GM, SAP выбрали наш фреймворк
конечно есть проблемы, не все так радужно как могло бы быть
и фреймворк тяжеловат для простых проектов и уровень входа высок, но мы работаем над улучшением :-)
главное что мы стараемся придерживаться стандартов, а не изобретать свой велосипед(JQuery и иже с ним) и если вы знаете DOM, DOM Events, XML, JS и пр. то можно без проблем начать работать с фреймворком, благо он стал бесплатным.

arestov 16 дек 2008 в 15:15

а почему вы о себе никак не заявляете? я не заметил? считаете что пока рано?

TedBeer 16 дек 2008 в 15:39

Я уже упомянул несколько наших клиентов, так что сказать, что мы «о себе никак не заявляем» было бы неверно :-) Все уже было заявлено несколько лет назад, и фреймворк широко известен в узких кругах :-) Но фреймворк был коммерческим и стоял немеряно, поэтому на специальных ресурсах типа ajax.com принципиально никакие публикации не брались и по сию пору игнорируется. Несмотря на типа «открытость» таких веб-ресурсов война с конкурентами имеет место быть.
Так что сейчас мы по большей части работаем адресно. Прямые контакты с компаниями, демонстрация возможностей, сравнение с конкурентными продуктами. Когда компания с миллионами хитов в день на сайте потратила год на выбор фреймворка, пытаясь реализовать свои идеи и не смогла решить всех проблем, а ей делается демо проект покрывающий 80-90% требуемой функциональсти за 3 дня, то угадай в чью пользу будет окончательный выбор?

arestov 16 дек 2008 в 15:52

хм. всё равно надо поправлять ситуацию))

TedBeer 16 дек 2008 в 15:57

ну это не ко мне, а к нашему менеджменту :-)
если есть желание устроиться к нам вот список вакансий:
www.backbase.com/company/careers/
советую писать в Professional Services — больше шансов, что заинтересуются.
R&D сейчас в процессе структурных изменений, так что вакансии пока не рассматриваются, только если вы сможете заинтересовать своим прошлым опытом :-)

arestov 16 дек 2008 в 16:12

я о том, что надо написать что-нибудь хорошее, «блоггинг» так сказать… хотя бы на хабре :)

TedBeer 16 дек 2008 в 16:54

так как все разработки тесно связаны с фреймворком, то большинству они будут не интересны, а дома есть другие интересы кроме веб-программирования :-)
хотя загадывать не буду, может однажды и родится что-нибудь полезное и оторванное от текущей работы

DmitryBaranovskiy 17 дек 2008 в 02:03

Было бы очень интересно взглянуть.

TedBeer 16 дек 2008 в 11:55

кстати реализация SVG в бразуерах также далека от полного фарша

DmitryBaranovskiy 17 дек 2008 в 02:04

Ой, и не говорите. :)

apelsyn 23 окт 2008 в 11:00

Под Opera mini тоже работает.
Ps. Рафаелем, лет 10 назад, назывался файл-лист генератор для BBS.

arestov 23 окт 2008 в 11:19

а не могли бы вы фотки выложить, как это выглядит на мобиле? (у меня телефон сломался — сам посмотреть не могу)
видел в презентации, что svg будет на operamini и opera mobile, но не думал, что уже есть…

apelsyn 23 окт 2008 в 12:22

Остальные скриншоты смотри здесь.

Первый скрипт не работает в динамике (только первая картинка не рефрешит часы).

arestov 23 окт 2008 в 12:25

эхх! крутота!)

спасибо :)

Terentich 23 окт 2008 в 11:54

Спасибо за демки. Потрясающе смотрится, очень красиво и быстро.

arestov 23 окт 2008 в 12:22

вот будет нормальная поддержка smil во всех браузерах, то можно будет ещё больше увеличить производительность… :)

Arseniy 23 окт 2008 в 12:04

Интересные примеры (часы — особенно). Радует, что svg развивается, очень хотелось бы увидеть его «стандартом» в вебе и возможно, в интерфейсах, и желательно, побыстрей. =)

Кстати, примеры работают (частично) на Safari, с некоторыми ошибками, но работают.

enartemy 23 окт 2008 в 13:26

Вот смотрел я на эти часы, смотрел, думал — где я видел что-то подобное?
Потом вспомнил — в блоге TurboMilk (http://turbomilk.ru/blog/cookbook/masterclass/google-favicon/):

Dragonizer 23 окт 2008 в 21:18

Топик про свг, а картинка пнгшная. =)

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

JavaScript библиотека «Raphaël» — SVG расцветает, SVG и iPhone

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

Публикации

Истории