svg - BLACK で塗りつぶされたオブジェクトのみを BACK OF THE LAYER に送信します。SVG エディター

Question

私は長い間 SVG-EDITOR に取り組んでいます。編集中に、塗りつぶしプロパティに基づいて描画されたすべてのオブジェクトをエディターにスタックさせたいと思います(編集中)。これにより、すべてのオブジェクトが塗りつぶし色: 黒で自動的に背面に移動します。

何か案は？

基本的に、黒で塗りつぶされたすべてのオブジェクトが描画された後、自動的に背面に送られるようにします。黒く塗りつぶされたオブジェクトのみ。コーディングに関するアイデアはありますか？

Answer 1

SVG ノードの作成に使用しているライブラリを明記するか、使用していない場合は指定する必要があります (おそらく、エディタの特定の機能に焦点を当てるために 1 つを使用する必要があります)。

ノードを自分で作成している場合は、ノードを動的に再編成して、スタックに配置したいオブジェクトがSVG DOM 内の他のオブジェクトの前に配置されるようにする必要があります。

JavaScript の場合は、insertBefore を使用してそれを行うことができます。たとえば、この同様の質問と適切な回答を参照してください。

Raphaël.js を使用している場合は、作成したノードで .toBack() メソッドを使用できます。別のライブラリを使用している場合は、アイテムをスタックに送信する同様の機能があるかどうかを確認してください。

シェイプはエディター機能として作成されるため、使用されている色が黒かどうかを把握し、それに応じて返送する必要があります。