svg - SvgElement.tag(String tag) コンストラクターの目的は何ですか?

Question

コンストラクターのAPI ドキュメントにはドキュメントがありません。SvgElement.tag() の目的/使用例を理解したいと思います。

Answer 1

コンストラクターは、対応する値の新しいを作成SvgElement.tag(String tag)します。SvgElementtag

例えば：

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

タグで指定された新しい SvgElement を作成します<view>。

これは、上記のコードが次と同じであることを意味します。

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

tagスーパークラスのコンストラクターElementも参照してください。

---

このコンストラクターの使用例は、テキストからタグの値を取得し、そのタグ値の新しい要素を生成したい場所です。

DOM の解析からタグを取得するか、別の API からタグを取得する場合があります。コンストラクターは、テキストを介して DOM 要素を操作しながら、(オブジェクトとクラスを使用して) " Dartytag " な方法で DOM コードを記述する方法です。

多くの場合、innerHtml別の Element 内に DOM を設定するために使用するのではなく、この Element オブジェクトを作成することをお勧めします。

比較：

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

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

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