Форум программистов
 
Расширенный поиск
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > Javascript, Ajax и другие клиентские скрипты
Регистрация

Восстановить пароль
Повторная активизация e-mail



Ответ
 
Опции темы
Старый 31.05.2014, 18:45   #1
Illusiony
Участник клуба
 
Регистрация: 17.02.2014
Сообщений: 764
Репутация: 73
По умолчанию Работа с svg.js

кто нибудь занимается с этой библиотекай?

Хочу добиться анимации увеличения но не относительно левого верхнего угла от относительно центра
Вот как относительно левого верхнего угла:
Код:

group.mouseover(function() { this.animate(1000).transform({
scaleX:2 // scale
,scaleY:2
})
})
group.mouseout(function() { this.animate(1000).transform({

 scaleX:0.5 // scale
,scaleY:0.5
})
})

Если пробовать одновременно двигать по x и у неизвестно что получается.

Сама библиотека на мой взгляд очень даже ничего.
Illusiony вне форума   Ответить с цитированием
Старый 31.05.2014, 19:48   #2
Illusiony
Участник клуба
 
Регистрация: 17.02.2014
Сообщений: 764
Репутация: 73
По умолчанию

Да и вообще как пользоваться объединением в группы и созданием svg внутри svg?
если
Код:

<div id="card1" ></div>
<script type="text/javascript">
var card1 = SVG('card1').size(1000, 1000)
var group =card1.group()
var image=group.image('3.jpg')
var polygon = group.polygon('0,0 101,0 101,162 0,162 ').fill('none').stroke({ width: 3 })
</script>

А как создать в этом svg еще одну другую группу?
Если никак то это бесполезный бред
если же сделать 2 svg
Код:

var card1 = SVG('card1').size(1000, 1000)
  var card2 = SVG('card2').size(1000, 1000)

То они все равно будут распологаться в разных местах html и манипулировании ими бесполезно если все должно быть в одном контейнере

Последний раз редактировалось Illusiony; 31.05.2014 в 20:46.
Illusiony вне форума   Ответить с цитированием
Старый 07.06.2014, 21:10   #3
Serge78rus
 
Регистрация: 08.04.2014
Адрес: Санкт-Петербург
Сообщений: 4
Репутация: 10
По умолчанию

Цитата:
Сообщение от Illusiony Посмотреть сообщение
кто нибудь занимается с этой библиотекай?

Хочу добиться анимации увеличения но не относительно левого верхнего угла от относительно центра
Вот как относительно левого верхнего угла:
Код:

group.mouseover(function() { this.animate(1000).transform({
scaleX:2 // scale
,scaleY:2
})
})
group.mouseout(function() { this.animate(1000).transform({

 scaleX:0.5 // scale
,scaleY:0.5
})
})

Если пробовать одновременно двигать по x и у неизвестно что получается.

Сама библиотека на мой взгляд очень даже ничего.
С svg.js не работал, но с точки зрения SVG Вы рассуждаете правильно. Чтобы растянуть относительно центра надо одновременно применить трансформации scale (масштабирование) и translate (сдвиг). Попробуйте применить эти трансформации внутри SVG и добившись нужного эффекта
попытаться сделать то же самое через библиотеку. Если не получится - проблемы в библиотеке. Я работаю с атрибутами SVG через jQuery, если интересно как - смотрите http://svgmnemo.ru/pub/svgdyn.html и http://svgmnemo.ru/pub/svgdyn_p2.html
Serge78rus вне форума   Ответить с цитированием
Старый 08.06.2014, 17:07   #4
Illusiony
Участник клуба
 
Регистрация: 17.02.2014
Сообщений: 764
Репутация: 73
По умолчанию

Спасибо конечно, но хотелось бы реализацию именно в данной библиотеке

Последний раз редактировалось Illusiony; 08.06.2014 в 17:35.
Illusiony вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
d3.js проблема с translate, scale с SVG Illusiony Javascript, Ajax и другие клиентские скрипты 0 30.05.2014 20:08
Реализация Svg Path средствами CSS beker HTML и CSS 3 18.10.2013 14:55
Как с файла XML картинки из формата svg , разобрать этот файл и вывести на форму djKeysi C# (си шарп) 2 08.12.2011 12:36
Работа с webbrowser - Фреймы, работа с конкретным феймом в фрейме NewDelphi Фриланс 2 08.10.2009 11:00




01:31.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Покупайте на сайте www.skinon.ru уникальные чехлы и наклейки для телефонов.
купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru