問題タブ [jquery-svg]

jQuery SVG の Web サイトにあるすべての例は、javascript で SVG オブジェクトを構築し、その中に新しい要素を構築することを目的としているようです。既存のマークアップの操作についてはあまり触れていません。

問題：

イベントが JavaScript 関数に接続された既存の SVG オブジェクトがあります。イベント ターゲット (この場合は SVG パス要素) を取得し、.animate()jQuery SVG を使用します。

ただし、単に$(myElement).animate()機能していないようです。当面の問題は$(myElement)、SVGオブジェクトの引数などを受け入れないことのようです。

奇妙なことに、アニメーション完了コールバックは機能しているように見えますが、私がそれでやろうとしているアニメーション タイプはまったく機能しません。

イベントターゲットを SVG として適切に認識しているとは確信していません<path>。

パスの属性を直接操作しても機能しないようです (を使用.attr())

myElementでクラスを変更するなどの基本的な JS DOM 手法を使用すると、正常に機能するため、これが有効な SVG パスであることは事実上わかって.setAttribute()います。

次のように定義された変数があります。

g はグループ ( var g = svg.group();)

jQuerySVG 経由で境界ボックスを取得する方法は?

myVariable.getBBox()、$(myVariable).getBBox() を試しましたが、うまくいきません...

ありがとう。

次のようにhtmlファイル内にsvgを埋め込みました：

svgファイル内には、ID「lot1a」の長方形があります.lot1aの座標を取得して変数に保存し、それを別のsvgファイルの座標として使用する方法はありますか. 私の主な問題は、Phrogz が言ったように、ホスト HTML (または SVG) が埋め込みファイルの DOM にアクセスできないことです。それで、なにかお手伝いできますか？

クリックに応答したいテキストを含む SVG キャンバスがあります。以下のコードは仕事を成し遂げていません：

これは、別のビューの render 関数で呼び出されています。

それは問題なく表示され、これを for ループの最後に投げると:

その後、クリックは機能しますが、ビューに関連付けられたバックボーン モデルにアクセスする必要があるため、直接の JQuery イベントよりもバックボーン イベントを優先します。

jQuery SVG を使用しています。オブジェクトにクラスを追加または削除できません。誰かが私の間違いを知っていますか？

SVG:

クラスを追加しないjQuery:

オブジェクトをターゲットにして、クリックされたときにアラートを発生させることができるため、SVG と jQuery がうまく連携していることはわかっています。

図のような「フローチャート」を実現するためにsvgの2つの要素を接続する方法はありますか? 2 つのボックスがあり、それらの間に矢印があります。1 つのボックスをドラッグすると、矢印がボックスに接続されたままになります。

私は、SVG 1.1 にこの機能の仕様があることを発見しましたが、完成にはほど遠いものです。

私はそれを行うコードやライブラリを見つけることができません (そして、それはまれなユースケースではないと思います)。それは自分です。

ありがとう！

誰かがこのコードの何が悪いのか教えてもらえますか？

HTML：

JavaScript：

常に1色で表示されます。

ありがとうございました。

解決：

この関数を動的に作成しようとしています:

...2 番目の引数の変数値 (path.move から close() まで):

...しかし、解析エラーが発生しています。

残った髪を引き抜く前に誰か助けてくれませんか?

htmlのtextareaのテキストをsvgテキストに変換することは可能ですか？テキスト領域には、太字、斜体、箇条書きなどのフォーマットされたテキストがあります。これは、jwysiwygライブラリを使用して作成されました。私はコードを添付しています：

`

`

このためのリファレンスページは@http://akzhan.github.com/jwysiwyg/です。

svg 要素が描かれたキャンバスがあるとします。要素をクリックしたら、クリックした要素にズームして焦点を合わせてビューポートを変更する必要があります。どうすればこれを実行できますか? コードを添付しました。

`

`