SVG: сделать свойство элемента зависимым от свойства другого элемента - PullRequest
Новая
       18

SVG: сделать свойство элемента зависимым от свойства другого элемента

0 голосов
/ 30 марта 2012

У меня есть простое дерево SVG, где я хочу, чтобы свойство x rect2 зависело (ссылается) от ширины rect1: 

<rect id="rect1" style="fill:black" x="35" y="0" width="30" height="40" />
<rect id="rect2" style="fill:black" x="**rect1.width**" y="40" width="26" height="10" />

Возможно ли что-то подобное в SVG, я не смог найти его в yahoogle или справочнике SVG.

Другим подходом будут переменные 

**var widthOfRect1 = 30**
<rect id="rect1" style="fill:black" x="35" y="0" width="widthOfRect1" height="40" />
<rect id="rect2" style="fill:black" x="widthOfRect1" y="40" width="26" height="10" />

Есть ли способ сделать это? Я знаю, что вы можете передать параметры, но это не совсем то, что я ищу.

Идеи

1 Ответ

1 голос
/ 30 марта 2012

Существует возможность сделать это с событиями мутации.

Созданная скрипка http://jsfiddle.net/Afhmn/

При увеличении ширины rect1 x из rect2 изменяется внутри DOMAttrModified обработчик.

...