問題タブ [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.

0 投票する
1 に答える
409 参照

javascript - SVG 仕様を使用したサブパスの長さの計算

私は Javascript を学ぼうとしているコーディングのアマチュアです。私が一般的すぎるように聞こえる場合は、ご容赦ください。そうならないように頑張ります。

私は SVG 編集に取り組んでおり、サブパス (''スーパーパス'' にノードを作成した後に描画されるパス) の長さを取得しようとしています。get.totalpathlength メソッドを使用して、「スーパーパス」の全長を取得できることを知っています。

それを行う方法ですか、それとも、totalpathlength と mouseclick 検出を使用してゼロから数式を作成する必要がありますか?

0 投票する
2 に答える
367 参照

javascript - ノードが作成される前に、描画されたSVGパスを計算する

ノードが作成される前に、パスが描画されたときのパスの長さを計算して表示したいと思います。その背後にある考え方は、ノードを正確に配置する場所を知るために、ユーザーが作成する前に各パスセグメントの長さを確認できるようにすることです。

私はgettotallengthメソッドを使用していますが、これはノードがクリックされた後のパスの長さを計算し、ユーザーがすでに作成したパスの長さのみを表示できるようにします。

私はjQueryを使用しています。

乾杯!

0 投票する
1 に答える
360 参照

javascript - FirefoxでのみホバーしたSVGの奇妙な動作--svg-jquery。

要素にホバー効果を追加すると、かなり奇妙に動作するが、FEでのみ動作することに気付いたとき、私はSVGで遊んでいました。つまり、クロムなどはすべて私が期待するように機能しています。

つまり、要素にカーソルを合わせると、ホバースタイルが追加されますが、必ずしも期待どおりになるとは限りません。

奇妙なことに、1000 SVG(ストレステスト)の一番下までスクロールして、最初の要素のすぐ下の白い領域にホバーすると、要素に触れていないときにホバー効果が適用されることがわかります。

これが私がSVGを構築する方法です

http://jsfiddle.net/2cB89/

なぜこれが起こっているのか、そしてなぜそれがFirefoxでのみ起こっているのかという考えはありますか?

0 投票する
1 に答える
698 参照

javascript - SVGエディターのロード時に画像を作成する

私はsvgエディター、特にメソッド描画の実装に取り​​組んでいます。

エディターをロードして、背景の長方形の代わりに画像をロードしたい。現在、javascriptファイルには、エディター内に背景の長方形を作成するためのこのコマンドが含まれています。

長方形の代わりに画像を作成したい。

これは可能ですか?

0 投票する
1 に答える
1154 参照

html - SVGパスを介して「div」をアニメーション化する

私はHTML5、SVGの初心者です。基本的に、作成したSVGパスを介してhtml「div」オブジェクトを移動する必要があります。

私のHTMLは次のようになります

CSS

js

このようなパスを作成しました。作成されたパスを介して$('#car')を移動する方法が完全に混乱していますか?

ご意見をお聞かせください

0 投票する
1 に答える
2012 参照

javascript - jQuery SVGを使用してパスを変更(またはアニメーション化)する

パスに沿ってテキストを表示するjQuerySVGプラグインに基づいてサンプルコードを作成しました。ここで、テキストをクリックすると、パスを変更したいと思います(たとえば、[[50,50]、[100,100]]から[[50,50]、[200,300]])。また、アニメーションを使用してこの変更を適用する方法を知りたいです。

0 投票する
1 に答える
158 参照

javascript - svg-canvas内の選択した要素のID属性を取得します。SVGEDITORとMethoddraw

svg-canvas内の選択された要素のIDを変数として取得して、関数内で使用したいと思います。var selected = svgCanvas.getSelectedElems; 特定のIDを渡しません。何か案は?

0 投票する
1 に答える
161 参照

javascript - SVG変換の関数内でプロンプト値をキャプチャする

私はこの関数を持っており、prmptsから値を取得して、変換行列に挿入したいと思います。何らかの理由でこれは機能していません。問題は、各変数の前後に「」を使用する必要があるためだと思いますが、変換行列の「」内にすでにあるため、ネストできません。何か案は?

これは私のコードです。

私はこの関数を持っており、prmptsから値を取得して、変換行列に挿入したいと思います。何らかの理由でこれは機能していません。何か案は?