SVG に 2 つの円があります。SVG は (angular9 とマテリアルを使用して) ドラッグ可能であり、スケールを変更してズームできます。通常のズーム (100%) では、円は SVG に非常にうまくドラッグされますが、SVG で新しいスケール (たとえば 1.5) を設定すると、以下の画像のように異常に円がドラッグされます:
マウスの位置にドラッグされません!
および通常のズーム (100%) の画像
この問題を解決するにはどうすればよいですか?
SVG に 2 つの円があります。SVG は (angular9 とマテリアルを使用して) ドラッグ可能であり、スケールを変更してズームできます。通常のズーム (100%) では、円は SVG に非常にうまくドラッグされますが、SVG で新しいスケール (たとえば 1.5) を設定すると、以下の画像のように異常に円がドラッグされます:
マウスの位置にドラッグされません!
および通常のズーム (100%) の画像
この問題を解決するにはどうすればよいですか?