Comments 34
Ожидал увидеть машинки в посте.
Если кому тоже интересно, вот прямые ссылки на работы:
y3x.ru/sandbox/svg-demos/rally.svg
y3x.ru/sandbox/svg-demos/race.svg
y3x.ru/sandbox/svg-demos/carSpeed.svg
y3x.ru/sandbox/svg-demos/parking.svg
y3x.ru/sandbox/svg-demos/carLights.svg
Если кому тоже интересно, вот прямые ссылки на работы:
y3x.ru/sandbox/svg-demos/rally.svg
y3x.ru/sandbox/svg-demos/race.svg
y3x.ru/sandbox/svg-demos/carSpeed.svg
y3x.ru/sandbox/svg-demos/parking.svg
y3x.ru/sandbox/svg-demos/carLights.svg
+3
Хинт: чтобы не нарушать правила хабра ведёте блог на английском, а тут оформляете как перевод.
+5
Спасибо за совет, как я сам не догадался?
0
Хабр сам свои же правила и нарушает. Раньше для «борьбы с копипастом» были топик-ссылки. И где теперь они?.. Теперь нет другого выхода, кроме как копипастить. С переводом или без.
0
ТМ нужен оригинальный контент, а не раскрутка чужих ресурсов топиками-ссылками.
0
ИМХО, запрет топиков-ссылок похож на борьбу с ветряными мельницами. Чтобы по-настоящему убрать раскрутку чужих ресурсов с помощью ссылок, придется в статьях и комментариях также ссылки запрещать.
0
Ну тут уже по принципу «ты мне — я тебе». Пишете оригинальный контент — получаете доступ к колоссальным PR и ТиЦ хабра.
-1
Для того, чтобы вставить в коммент любую ссылку, не нужно ни много ума, ни оригинального контента, ни усилий. А для поисковой системы принципиальной разницы между ссылкой в комментарии и топик-ссылкой нет, поэтому эффект от ссылки в «полезном контенте» и от ссылки в комментарии будет примерно одинаковый. (Мы все мечтаем обучить наделить компьютеры искусственным разумом, но наверное в ближайшие тысячелетия этого не произойдет.)
Возможно, что есть только разница в том, что топик-ссылки проще отслеживать и модерировать (потому что они на виду), чем мусорные ссылки в комментариях. Мусорные ссылки в комментариях создавать также немного проще, чем делать специальные топик-ссылки. Поэтому, как мне кажется, запрет топик-ссылок бесполезен по двум причинам — во-первых, он ничего не решает, а во-вторых, заставляет авторов статей делать копипаст.
Возможно, что есть только разница в том, что топик-ссылки проще отслеживать и модерировать (потому что они на виду), чем мусорные ссылки в комментариях. Мусорные ссылки в комментариях создавать также немного проще, чем делать специальные топик-ссылки. Поэтому, как мне кажется, запрет топик-ссылок бесполезен по двум причинам — во-первых, он ничего не решает, а во-вторых, заставляет авторов статей делать копипаст.
+1
Мда, движение в SVG с обратной строчной не синхрится и синхронизироваться не будет. Тем не менее на современных мониторах с большими разрешениями это уже стало проблемой, на которую все дружно закрывают глаза.
0
Эх, Safari 5.1.5 (7534.55.3), OS X 10.7.3 – рисует только дороги.
0
Хром 18.0.1025.162 m, Win 7 — тоже одни дороги.
0
У меня так же, но когда открыл именно из блога автора то они заработали. ЧЯДНТ?
0
Проверил в 16м Хроме, Iceweasel 3.5 — пустота. В 11й Опере работает.
0
UFO just landed and posted this here
Вся основная информация на русском приведена на http://www.intuit.ru/department/graphics/svg/. Подробнее уже в спеке смотреть, аль MDN на английском.
0
Постараюсь найти время и приготовить материал.
+1
> По умолчанию Inkscape делает координаты относительными и в результате множество чисел становится отрицательными.
Эта не единственная проблема Inkscape. Самый чистый код SVG генерит Adobe Illustrator. Ситуация прямо противоположная Photoshop vs Gimp в PNG.
Эта не единственная проблема Inkscape. Самый чистый код SVG генерит Adobe Illustrator. Ситуация прямо противоположная Photoshop vs Gimp в PNG.
+1
Не много не по машинкам, но не подскажите как нормально сделать масштабирование элемента при наведении( чтобы при наведении объект увеличивался например). Пытался делать такое через jquery но никак не мог найти инфу как центр трансформации определять.
0
Ах, да, translate в CSS / SVG тоже сгодится.
0
Дело в том что элементов куча с этим классом, и у каждого нужно как то центр масштабирования определить, пытался через js координаты мыши подставлять но нормально не получалось, все время при наведении объект улетал в другое место, потом возвращался. Может есть параметр который заставит масштабироваться объект не от начала координат а именно от своего центра? А так как объекты были path то центр взять прямо из кода не получилось, ну или я дурак( что вероятнее).
0
Хм, видать вам нужно использовать scale наряду с translate, дабы смещать попутно координаты. Можно ли их вычеслить не прибегая к js — "?".
Кое-какая информация есть по этим 2-ум ссылкам:
msdn.microsoft.com/ru-ru/library/gg589508%28v=vs.85%29.aspx
www.w3.org/TR/1999/WD-SVG-19990412/coords.html#propdef-margin-top
Там есть формули высчитывания трансформаций относительно центра + предложения изменения масштаба самого холста, но здесь уж сами разбирайтесь :).
Кое-какая информация есть по этим 2-ум ссылкам:
msdn.microsoft.com/ru-ru/library/gg589508%28v=vs.85%29.aspx
www.w3.org/TR/1999/WD-SVG-19990412/coords.html#propdef-margin-top
Там есть формули высчитывания трансформаций относительно центра + предложения изменения масштаба самого холста, но здесь уж сами разбирайтесь :).
0
Ну да с транслейт, я даже формулы нагугливал) Но все упиралось в то что для каждого объекта нужно знать координаты центра, в итоге пробовал врунчую искать координаты для каждого отдельного объекта, но объектов то куча и каждому искать запаришся.
0
Хм, ну тогда js в помощь.
К примеру, берете:
где element — ссылка на нужный элемент (к примеру, document.querySelector('#document')).
Собственно делим на 2 и получаем расстояние от края элемента до центра. Ну а далее уже сами ;).
К примеру, берете:
element.getBoundingClientRect().width;
element.getBoundingClientRect().height;
где element — ссылка на нужный элемент (к примеру, document.querySelector('#document')).
Собственно делим на 2 и получаем расстояние от края элемента до центра. Ну а далее уже сами ;).
0
Мне кажется мы на пороге открытия нового велосипеда…
0
Ещё примеры анимированных SVG можно здесь найти:
commons.wikimedia.org/wiki/Category:Animated_SVG
commons.wikimedia.org/wiki/Category:Animated_SVG
0
А если в 3D машинку сделать с возможностью покрутить ее в браузере, здесь SVG поможет?
0
Sign up to leave a comment.
Машинки на чистом SVG