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

Question

У меня есть простой SVG дерева, где я хочу й свойство 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" /> 

Is что-то подобное в 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" /> 

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

Идеи?

Answer 1

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

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

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