svg - SvgElement.tag(String tag)构造函数的用途是什么？

Question

API doc中没有关于构造函数的文档。我想了解SvgElement.tag()的用途/用例。

Answer 1

SvgElement.tag(String tag)构造函数为对应的SvgElement值创建一个新的tag。

例如:

var foo = new SvgElement.tag('view');
print(foo is ViewElement); // prints 'true'

会创建一个由 <view>标记指定的新SvgElement。

这意味着上面的代码与以下代码相同:

var bar = new ViewElement();
print(bar is ViewElement); // prints 'true'

另请参见 tag constructor from the superclass Element 。

此构造函数的用例是您从文本中获取标签值并希望生成该标签值的新元素的地方。

您可以通过解析DOM或从其他API获得标签。 tag构造函数是一种以“达特”方式(带有对象和类)编写DOM代码的方法，同时能够通过文本使用DOM元素。

在许多情况下，最好创建此Element对象，而不是使用 innerHtml在另一个Element内部设置DOM。

相比:

var someTagName = 'view';
var someDomNode = query('#id');

// BAD
someDomNode.innerHtml = '<$someTagName> ... </$someTagName>';

// GOOD
var myElement = new SvgElement.tag(someTagName);
someDomNode.append(myElement);