2017-09-13 18 views
0

ドラッグすることで他の要素の下にある画像を移動することが可能かどうか疑問に思っています。私はそれを明確に記述する方法を知らないので、デモを見てください。別の要素をドラッグしてsvgイメージを移動するには?

https://jsfiddle.net/david7418/o497akje/10/

私は透明写真の上部を形成し、別のその下の写真ではなく、自分自身を移動するドラッグイベントをトリガします。

$(function() { 
     obj = Snap(".cat"); 
     //Enable drag event 
     obj.drag(); 
} 

どのようなアイデアをいただければ幸いです。

+0

cssでポインタイベント:noneを使用すると、最上位レイヤからのドラッグを無視できます。それがあなたが望むものなのかどうかは、はっきりとは分かりません。例.. https://jsfiddle.net/o497akje/12/ – Ian

+0

ありがとうございます。それは素晴らしいです、私はそれがどのように動作するのか分かりません。少し問題があります。イメージにポインタイベント:noneを追加すると、svg内の要素のすべてのイベントが中断されるようです。 https://jsfiddle.net/david7418/o497akje/14/。私は3gの要素にclickイベントを追加しましたが、ポインタイベントが存在しない場合はトリガできません。 – david0116

+0

はい、ポインタイベントを無効にした場合。クリックも無効になります。だからそれは本当にあなたが何をしているかによって異なります。私が考えることができるのは、ドラッグ&ページをクリックしてイベントを検出することだけです。 – Ian

答えて

0

あなたはSVG要素がマウスイベントを作成しない作るためにCSSで

pointer-events:none 

を使用することができます。

+0

ありがとう:D – david0116

関連する問題