투명한 PNG 뒤에 이미지 드래그

2 개의 이미지를 추가합니다 - 맨 위는 투명한 png입니다. 상단 이미지를 이동하지 않고 하단 이미지를 드래그 할 수 있지만 이미지를 드래그 할 수있는 방법을 파악할 수는 없습니다.투명한 PNG 뒤에 이미지 드래그

jQuery를 사용하면이 방법을 사용하여 한 요소에서 다른 요소로 이벤트를 전달할 수있었습니다.

$("#image-up").draggable(); 
$("#image-fg").on("mousedown", function(event) { 
    $("#image-up").trigger(event); 
});

snap svg로이 작업을 수행 할 수있는 방법이 있습니까?

2015-02-04 Trevor Orr

당신은 아마도 단지 CSS는 포인터 이벤트를 넣을 수 있습니다 : 당신은 드래그 강탈하지 않는 한, 스냅 단지 일반 el.drag()에 없음. – Ian

CSS 포인터 이벤트 : 아무 것도 작동하지 않았습니다. 스냅 드래그 클래스가 작동합니다. 이미지를 회전하여 추가 보너스가 될 수도 있습니다. –

이 스냅 svg 플러그인을 발견했습니다. 내가 뭘했는지 정확하게 알 수는 없지만이 플러그인에 몇 가지 변경을 가한 후 시작하기에 충분히 가까워서 이제는 내가 원하는 것을 가지고있다.

2015-02-04 17:23:29

답변