javascript - svg ファイルに図形を描画できますか

Question

既存の svg の上に、長方形、円などの形状を動的に描画する必要があります。つまり、svg をクリックすると、svg 内の特定のパスが選択されて強調表示されます。次に、強調表示された領域に図形を描画します。これを達成する方法は？

Answer 1

これを実現するには、多くの操作が必要です。SVG で四角形を描画するのはかなり複雑です。説明させてください:クリックしてカーソルの下に新しい要素を追加することで要素を強調表示 (または色付け) するのは簡単ですが、「要素の描画」には通常、何らかの「ドラッグによるサイズ変更」が必要であり、もう少し複雑です。いくつかのライブラリを使用すると、非常に役立ちます。

• http://fabricjs.com/kitchensink/ (Simple をクリックして長方形などを描きます)
• http://raphaeljs.com/もう少し「生の」アプローチが必要な場合。
• http://demos.bonsaijs.org/demos/draggable-shapes/index.html