問題タブ [dart-html]

結果の HTML が次のようになるように、プログラムでaButtonElementに aを追加したいとします。DivElement

Dart では、DivElementクラスにいくつかのメソッドがありますが、どれがどのコンテキストに適しているかわかりません。

、 などBodyElement、他の種類のコンテナについても同じことが言えます。親コンテナに DOM 要素を動的に追加する正しい方法は何ですか?SpanElement

最近、Google Dart (www.dartlang.org) を使い始め、SVG をいじり始めました。ビューボックスを使用して、生成された SVG をサイズに合わせてスケーリングしようとして<div>います。

StackOverflow のユーザーは、すでに多くの支援をしてくれました。
次のようにパスをスケーリングできるようになりました: Dart create and transform an SVG path

しかし、viewBox は scale-to-fit 用に作成されているようで、それを使用すると、svg 内のすべてのパスを個別にスケーリングする必要がなくなります。これが、viewBox を使用する理由です。
私は次のことを試しました：

しかし、スケーリングは起こりません。どうすればこれを解決できますか?

Dart では、クロスコンパイルされた JavaScript を実行する場合、要素のインスタンスを作成する方法が 2 つありますButtonElement。

動的に (新しいボタンを作成してブラウザの DOM に追加する):

静的(ブラウザー DOM に既に存在する既存のボタンを読み込む):

上記の2つの方法間の速度とメモリの両方の考慮事項に興味があります。

• どちらが速いですか、なぜですか?
• メモリフットプリントが小さいのはどれですか?その理由は?

私の推測ButtonElementでは、前者の方法は、JavaScript に(CPU サイクルを消費する) を強制的に作成させ、それをブラウザーの DOM に追加する必要があるため、処理が遅くなります。

しかし、どの方法がメモリに関してより効率的であるか、またはそのようなことをテストする方法さえまったくわかりません。

たとえば、メニューから呼び出される、アプリ内のさまざまなページのベスト プラクティスは何ですか。

このページを DOM で新しいページ用に作成し、古いページを破棄しますか、それとも古いものを非表示にする方がよいでしょうか (もちろん、もっと多くの可能性があります)。

または、別のより良い方法はありますか？

ありがとうマイカ

次のように、Polymer 要素内に国際化された文字列を表示しています。

...そして、次のダーツコードを持っています:

title、subtitle1、paragraph1、subtitle2、およびを組み合わせて、値におよびタグparagraph2を含む 1 つの観測可能な変数にする方法はありますか?<br><span>

Dart を使用して SVG の楕円を変換しようとしています。SetAttribute の方法以外に、その方法についての説明は見つかりませんでした

EllipseElement には次のような表記があることがわかりました。

..しかし、うまくいきません。setTranslate がどのように機能するのかまったくわかりません。翻訳する要素を指定する必要があると思いますが、その方法がわかりません。他の方法を使用する代わりに、setATtribute を使用する方がよいでしょうか?

Dart:HTML で DirectoryEntry クラスと DirectoryReader クラスを使用する例が必要です。次のコードは、img ディレクトリから画像ファイルを読み取り、それを画像要素としてブラウザーに読み込みます。

私のwebappディレクトリの構造は次のとおりです。

img ディレクトリのコンテンツを動的にリストして使用する必要があります。