Javascript.RU

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

svg - как включить текст к rect, circle и т.п.?
Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ.

Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..)
Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/

А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом...
Думал просто можно текст вставить... Нельзя вроде...
Думал для этого <g> служит... Помещу туда <rect> и <text>. И буду таскать всё за <g> (см. http://jsfiddle.net/5g55uyjn/4/ ). А вроде нет. Через <g> мона задавать им общие css-свойства... А x и y это их аттрибуты, а не css-свойства и посему задаются вроде им отдельно. Ну сделал так: http://jsfiddle.net/5g55uyjn/3/ - ну так тут текст не таскается ((

Могу конечно замутить скрипт перетаскивания, который одновременно будет менять ОТДЕЛЬНО x,y у всех вложенных в <g> элементов ПУТЕМ ИХ БАНАЛЬНОГО ПЕРЕБОРА.


Но неужели нет ПРОСТОГО способа задать текст внутрь rect или внутрь circle?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите как отобразить текст. potkin Общие вопросы Javascript 17 26.10.2017 15:09
прогкрутка к якорям cOAPerator Общие вопросы Javascript 20 27.08.2013 03:30
Резиновые дивы с прокруткой Java Script Mary-Jay Элементы интерфейса 10 24.07.2013 17:51
Вызов модальных окон из списка Jekins Элементы интерфейса 2 15.03.2013 00:57
На входе HTML получить на выходе просто текст, как? Dmitry Общие вопросы Javascript 2 25.08.2008 10:42