問題タブ [xlink]

いくつかのフィルターを定義しようとしていますが、メインの HTML ドキュメントを混乱させたくありません。相対 IRI を使用してこれらのフィルターを参照するために、相対 URI を使用したいと思います。

フィルター.svg

page.html

でこれらを提供するとpython -m SimpleHTTPServer、Chrome で 2 つのあいまいな小さなドットが表示されると予想されます。

http://imgur.com/G8AN9bx,aDlhF4g#1

(フィルターを定義に直接貼り付けることで生成されました。これは私が思って<use>いたことです。)

私が得るもの：

http://imgur.com/G8AN9bx,aDlhF4g#0

後で

@Jason Aller が指摘しているように、これは Chrome ではサポートされていません。前述のとおり、私のフィルターは Firefox では機能していないようです。（実際の画像にはいくつかあり、かなり複雑です）を別のファイルに保持するための回避策はありますか？

与えられた:

HTML DOM を使用したり、属性の内容によって SVG 内のリンクを選択し.querySelector()たりすることは可能ですか?.querySelectorAll()xlink:href

これは機能します：

これらはしません:

その属性セレクターを記述して、それを「見る」ようにする方法はありxlink:hrefますか?

svg と ios で奇妙な問題が発生しました。angularjs と cordova を使用しています。

angular アプリに外部 svg を含め、この方法でビューに表示します。

私の外部 svg では、内部にリンクを持ついくつかの g 要素を取得しました。

これは、android では正常に動作しますが、cordova で webview をエクスポートすると、ios では動作しません。それは私のiPhoneシミュレーターで動作します...

誰でもそれで私を助けることができますか？

私はjoint.jsを使ってサービスのフローチャートを生成しています。そして、以下のコード スニペットを使用してカスタム要素を作成します。

問題は、供給要素を 1 回左クリックしても、ハイパーリンクが開かないことです。要素をドラッグして離したときにのみ、リンクが新しいタブで開きます。この問題を克服するために何ができるかを教えてください。を使用して、ユーザーによる要素のドラッグを無効にしました var paper = new joint.dia.Paper({ el: $('#paper'), width: 1040, height: 1000, gridSize: 1, model: graph, interactive: false });

前もって感謝します！

javascript と jquery で問題なく変更できますが、ノックアウトバインディングxlink:hrefで dom だけを変更しても機能しません。xlink:hrefattr

これは私のsvg定義です

これを本体上部に挿入

icon次に、ビューモデルのhtmlとプロパティでノックアウトを使用します

次のレンダリングされた出力が得られるため、アイコンが正しく返されていると確信しています

これは正しいですが、何も表示されません。ノックアウトでこれに対する実用的な解決策を持っている人はいますか?

まず、この問題について広く検索しましたが、うまくいくはずです。

Sandcastle を使用して Welcome.aml に画像を追加したいと考えています。Welcome.aml の内部:

イメージをメディア フォルダーに追加し、xlink:href のイメージ ID を使用します。しかし、何も表示されません。

ログファイルには次のように記載されています。

画像をコピーしてメディア マップ ファイルを作成しています... C:\blaablaaa\blaaaa\Doc\Doc\Media\ShortProcess.jpg -> C:\blaablaaa\blaaaa\Doc\Doc\Help\Working\Media\ShortProcess.jpg 生成中概念トピック ファイル

誰でもアイデアを得ましたか？

サイズが 50 MB を超える AIXM5.1 xml ファイルを JAXB を使用して解析しようとしています。この xml を 1 分以内に非整列化できます。しかし、Java オブジェクトを反復処理して XML のフィールドの値をフェッチしようとすると、膨大な時間がかかります。分析した後、xml には、同じ xml 内の xml フラグメントを内部的に参照する xlink があることがわかりました。たとえば、約40000 の xlink 参照があるようです。そのため、xlink で参照されている特定の xml フラグメントを見つけるたびに、オブジェクト全体を反復処理しようとしています。時間がかかっています。

サンプルの xml フラグメントは次のとおりです。

要素にxlink:href 属性があることがわかった場合、この uuid を介して uuid 値が含まれているため、一致する uuid を持つ Airspace xml フラグメントを見つける必要があります。このように、xml には 40000 以上の参照が存在します。

JAXB を介して xlinks を解決するためにグーグルで調べたところ、JXPath が代替手段であることがわかりました。しかし、継承されたクラスを持つ JXPath に関する例は見つかりませんでした。

誰かがそれに取り組んだか、他の技術を提案してくれたら教えてください。

あなたの助けを楽しみにしています..

私は、CSS-tricks.com で Chris Coier の SVG トリックを見ていました。また、最近カンファレンスで彼を見かけ、SVG の能力と、すべてのアセットを 1 つの外部 svg ファイルに保持する方法について話しました。

次に、次のように使用できます。

いいね！しかし、SVG が HTMl でインライン化されている場合に通常行うように、各シンボルの個々のノードにアクセスし、CSS でそれらを変更できるようにしたいと考えています。

この CodePen を見てみましょう: http://codepen.io/chriscoyier/pen/Hwcxp

私はこれを行うことができると思っていましたが、動作させることができません:

これは行いますが、これにより実際のソース svg が変更されます

私がやりたいのは、グリッド内のグラフィック要素を再利用することです。ホバーすると、svg のノードが変更されます。ただし、その特定の親のノードでのみ。それらのすべてではありません。