Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.07.2014, 16:55
Новичок на форуме
Отправить личное сообщение для sweelemk Посмотреть профиль Найти все сообщения от sweelemk
 
Регистрация: 13.07.2014
Сообщений: 9

Возможно ли так сделать при помощи svg?
Задание такое: есть логотип, он должен разворачиваться в 3 этапа при наведении. При следующем наведении на логотип, он повторяет действия. Возможно ли такое реализовать при помощи SVG? Может нужно с библиотекой порабоатать? Подскажите идею. Спасибо См. изображение.
Ответить с цитированием
  #2 (permalink)  
Старый 14.07.2014, 16:57
Новичок на форуме
Отправить личное сообщение для sweelemk Посмотреть профиль Найти все сообщения от sweelemk
 
Регистрация: 13.07.2014
Сообщений: 9

Ответить с цитированием
  #3 (permalink)  
Старый 14.07.2014, 18:35
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

т.е. один блок должен выезжать и за другого?
Ответить с цитированием
  #4 (permalink)  
Старый 14.07.2014, 18:38
Новичок на форуме
Отправить личное сообщение для sweelemk Посмотреть профиль Найти все сообщения от sweelemk
 
Регистрация: 13.07.2014
Сообщений: 9

skrudjmakdak, должен разворачиваться. Когда лист бумаги сложить в 4 части, в потом разворачивать. Так и здесь должно быть
Ответить с цитированием
  #5 (permalink)  
Старый 14.07.2014, 18:47
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

типо такого?
http://akatev.ru/files/public/php/slide/

сами развороты?
Ответить с цитированием
  #6 (permalink)  
Старый 14.07.2014, 18:51
Новичок на форуме
Отправить личное сообщение для sweelemk Посмотреть профиль Найти все сообщения от sweelemk
 
Регистрация: 13.07.2014
Сообщений: 9

skrudjmakdak,
да, только разворачиваться должен по часовой стрелке.
Ответить с цитированием
  #7 (permalink)  
Старый 14.07.2014, 18:53
Новичок на форуме
Отправить личное сообщение для sweelemk Посмотреть профиль Найти все сообщения от sweelemk
 
Регистрация: 13.07.2014
Сообщений: 9

и из 4-х маленьких получается 1 большой
Ответить с цитированием
  #8 (permalink)  
Старый 14.07.2014, 18:57
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

тогда за основу можете взять мой алгоритм, только смотрите, это все дело идет на css3. т.е. в старых браузерах это работать не будет. еще один момент, я не знаю как отслеживать событие когда имага завершит свою трансформацию, для того чтобы другая начала свою трансформацию

еще видел подобную фигню на канвасе кто то писал, но опять же все на новых браузерах. вот только урлу я не помню((
Ответить с цитированием
  #9 (permalink)  
Старый 14.07.2014, 18:59
Новичок на форуме
Отправить личное сообщение для sweelemk Посмотреть профиль Найти все сообщения от sweelemk
 
Регистрация: 13.07.2014
Сообщений: 9

Мне достаточно новых браузеров. Спасибо!
Ответить с цитированием
  #10 (permalink)  
Старый 14.07.2014, 19:01
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

вот нашел ссылки:
http://www.html5canvastutorials.com/...form-tutorial/
http://www.w3schools.com/tags/tryit....nvas_transform
http://www.w3schools.com/tags/canvas_transform.asp
http://www.html5canvastutorials.com/...tate-tutorial/

имхо, на канвасе будет лучше. там принцип везде один это метод transform
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
средства javascript позволяют сделать так retro88 Элементы интерфейса 2 25.05.2014 23:27
как сделать что бы при открытии страницы сразу открылось большое фото oksanaweb Общие вопросы Javascript 1 05.06.2013 02:17
Можно ли сделать так... Абум Общие вопросы Javascript 1 04.07.2009 18:49
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24
изменение рисунка в меню при помощи Javasripta Maxim Общие вопросы Javascript 1 05.09.2008 14:59