SVG：使元素的屬性依賴另一種元素

Question

我有一個簡單的SVG樹，我想RECT2的x屬性是對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" /> 

有沒有辦法做到這一點？我知道你可以傳入參數，但那不是我正在尋找的。

想法？

Answer 1

有突變事件做這個的選項。

創建撥弄http://jsfiddle.net/Afhmn/

作爲Rect1的寬度增加了RECT2的x是DOMAttrModified處理程序內改變。