問題タブ [jquery-svg]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQuery SVG 非埋め込み/インライン SVG ファイルの変更
jQuery SVGで SVG ファイルを変更しようとしています。Inkscapeを使用して SVG ファイルを描画し、編集して不要なコードを削除しました。
HTML
SVG
私がする必要があるのは、スクリプトで次のようなことだけだと思いました:
jQuery SVG が最新の jQuery をサポートしていないことを読みましたが、1.4.4 を使用しようとしました (どこまで遡ればよいかわかりません)。
非公式のパッチ適用バージョンについて説明しているこの投稿を読みました。
何を変更しても構いません (HTML、JavaScript、SVG など)。どんな助けでも大歓迎です。
svg - svg テキストのテキスト エディター
現在、svg とその dom 操作を使用しています... SVG テキスト用の WYSIWYG エディターはありますか。たくさん閲覧しましたが、html テキスト用のエディターしか見つかりません。誰かがそれを提案できれば、それは私にとって大きな助けになるでしょう。前もって感謝します。
jquery - Jquery SVG変換の奇妙な動作
<polygon>
これを使用してSVG(またはその他の要素)を回転させようとしています:
多角形は実際にその角度を変更しますが、移動の奇妙な軌跡があります。次のリンクにアクセスしてください: http://jsfiddle.net/ExaBP/
私の目標は、ポリゴンを中心に回転させることです。
javascript - SVG 要素の枠線
私はsvgとそのdom操作を扱っています。<g>
タグ内に配置された svg 要素のグループの境界線を作成したいと考えています。どうすればいいですか?円形/楕円形の境界も作成できますか? jQuery SVG ライブラリを使用しています。前もって感謝します
html - svg要素の背景画像と背景色
アプリケーションに SVG がありました。その上に円があります。背景画像( png )+背景色+ストライクをその要素に割り当てる必要があります。その要素の背景画像を作成するための次のようなコードを取得しました。背景色+画像を割り当てる方法を教えてください
前もって感謝します
javascript - 埋め込まれたsvgから親htmlドキュメントの関数を呼び出す方法
私はsvgにまったく慣れておらず、svgを使用してタスクを実行する必要がありますが、多くの問題が発生しています。
パスによって定義された領域を持つsvg(たとえばマップ)があります。
私の目標は、svgの外部にあるonClick関数をトリガーして、いくつかのことを実行することです(たとえば、選択した領域に関連する一部の人のデータをajaxで取得し、htmlページのsvgの外に表示します)。
私ができないことは、svg内の要素からsvgの外部で定義された関数をトリガーすることです。
svgをインラインで追加すればこれを行うことができますが、Adobeプラグインで動作させるには、embedタグを使用する必要があります。なにか提案を?前もって感謝します。
javascript - SVG パスを拡張する
私のアプリケーションの1つで、次のコードでSVGパスを作成しています
これにより、SVG (「ホルダー」という名前) にパスが作成されます。さらにボタンを押すイベントでは、その長さを伸ばす必要があります。その SVG には複数のパスがあるため、ポイントを取ることはできません。
助けてくださいありがとう
jquery - HTML5 SVG パスを移動
アプリケーションに次のような SVG パス要素があります。
ボタンをクリックすると、このパスを左に、たとえば 100 から 200 に移動する必要があります。次の変換で行いました。
しかし、次のクリックでは動かない。クリックするたびにパス要素を移動するにはどうすればよいですか?
jquery - オフセットを取得せずに jQuery を使用して Chrome で SVG 要素をドラッグするにはどうすればよいですか? (FirefoxでもOK)
SVG 要素をドラッグできるようにするコードを書き込もうとしています。これは、jQuery、jQuery UI、jQuery SVG では非常に簡単で、Firefox では問題なく動作しますが、Chrome では SVG 要素をドラッグすると、座標に明らかにオフセットが追加されます。私が間違っていることは何も見えませんし、この分野で既知のバグを発見することもできません。
問題を説明する小さな例を作成しました。
foo.svg は次のとおりです。
オンライン版は次の場所にあります。