Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 31.05.2014, 18:45   #1
Illusiony
Форумчанин
 
Регистрация: 17.02.2014
Сообщений: 881
По умолчанию Работа с 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
Сообщений: 881
По умолчанию

Да и вообще как пользоваться объединением в группы и созданием 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
По умолчанию

Цитата:
Сообщение от 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
Мои сайты: http://svgmnemo.ru - мнемосхемы SVG, http://jsgadget.ru - JavaScript гаджеты, http://opcgate.ru - открытый OPC сервер, http://meteo.bl.ee - погода в аэропортах
Serge78rus вне форума Ответить с цитированием
Старый 08.06.2014, 17:07   #4
Illusiony
Форумчанин
 
Регистрация: 17.02.2014
Сообщений: 881
По умолчанию

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

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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