更改DART中svg行的長度

Question

我在HTML中有SVG行，並且想要更改結束座標。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" > 
    <line id="myline" x1="0" y1="0" x2="200" y2="200" 
     style="stroke:rgb(255,0,0);stroke-width:2"/> 
</svg> 

在DART代碼中，我有以下幾點：

LineElement line = query("#myline"); 

我需要從200到220改變X2，但我沒有看到X2屬性的線。 可以這樣做嗎？

Answer 1

LineElement確實具有x2屬性，如您在文檔http://api.dartlang.org/docs/releases/latest/dart_svg/LineElement.html#x2中所看到的。

您可以通過以下兩種方法的設置X2：

line.attributes["x2"] = "220"; 
line.$dom_setAttribute("x2", "220"); 

Answer 2

我需要將x2從200更改爲220，但我沒有看到x2屬性的行。有可能這樣做嗎？

是，它很簡單：

LineElement line = query("#myline"); 
line.attributes['x2'] = '220'; 

屬性可以在每個Element找到，包括LineElement屬性。