問題タブ [svgpanzoom]
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.
javascript - svg がクリックされた後にズーム変換がリセットされないようにします d3
私はsvg要素を持っています; ノード、リンク、ラベルなどがそれに追加されます。名前による特定ノードへのズーム機能を実行しましたが、問題は、それぞれのノードに自動的にズームした後、svg を (クリックしてドラッグして) パンしようとするたびに、ズームと座標がリセットされます。特定のノードにズームする前の様子です。d3.event.transform の動作に関係していると思いますが、修正できません。値をリセットせずに、ズームしたノードからパンとズームを続行できるようにしたいと考えています。
(また、少しのデバッグから、ノードの cx 座標と cy 座標がコードからのズームとパンによって変更されないことを確認しましたが、ノードを手動でズームおよびパンすると、変更されると思います。それが問題だ）
angular-material - angularを介してズームした後、svgの子をドラッグします
SVG に 2 つの円があります。SVG は (angular9 とマテリアルを使用して) ドラッグ可能であり、スケールを変更してズームできます。通常のズーム (100%) では、円は SVG に非常にうまくドラッグされますが、SVG で新しいスケール (たとえば 1.5) を設定すると、以下の画像のように異常に円がドラッグされます:
マウスの位置にドラッグされません!
および通常のズーム (100%) の画像
この問題を解決するにはどうすればよいですか?