dart - 更改 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");

我需要将 x2 从 200 更改为 220，但我没有看到线的 x2 属性。有可能这样做吗？

Answer 1

我需要将 x2 从 200 更改为 220，但我没有看到线的 x2 属性。有可能这样做吗？

是的，这很简单：

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

attributes 属性可以在每个 中找到Element，包括LineElement.

Answer 2

LineElement 确实具有 x2 属性，您可以在文档http://api.dartlang.org/docs/releases/latest/dart_svg/LineElement.html#x2中看到。

您可以通过以下任一方法设置 x2：

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