3
html5 img 태그를 사용하여 여러 이미지를 캔버스에로드하려고합니다. 이미지 5리스트가 .eg
와 이미지는 이미지는 드래그 할 수 있습니다 교체 할
특정 이미지의 onclick을 같은 목록에서 마지막으로 업로드 된 이미지를 대체, 내가 직면하고있어
문제는 때 I 새 요소를 업로드하면 다른 요소 위에 추가됩니다. 그리고 맨 아래 요소의 onclick은 위로 이동하고 드래그합니다. 맨 위로 이동이라는 kineticjs 함수를 사용하려고했지만 아무 일도 일어나지 않았습니다. 라이브러리도 확인 했으므로 괜찮습니다 ...
전체 코드를 여기에 너무 많이 붙여 넣을 수 없습니다.
는 여기가 최고 기능으로 이동을 추가하기 위해 노력하고있어 일부입니다 :맨 위로 이동 기능이 kineticJs에서 작동하지 않습니다
function drawImageOnLayer(layer, img) {
var x = stage.width/2 - 100 ;
var y = stage.height/2 - 200 ;
var width = 200;
var height = 400;
var kinecticImg = new Kinetic.Shape(function(){
var context = this.getContext();
context.drawImage(img, x, y, width, height);
// draw invisible detectable path for image
context.beginPath();
context.rect(x, y, width, height);
context.closePath();
});
// enable drag and drop
kinecticImg.draggable(true);
이 기능이
});
layer.clear();
layer.add(kinecticImg);
layer.draw();
}
@Andy 질문이 몇 가지 부족합니다. 실제 오류 "작동하지 않음"으로 충분하지 않습니다. 문제를 재현하는 방법입니다. MVCE를 디버깅하는 데 사용할 수 있습니다. 문제가 있거나 심지어 좋은 제목도 있습니다. ".NET"뿐만 아니라 JavaScript, MSSQL Server, Angular, C#, Python, Perl 등에서 일하고 있습니다. 또한 제가 일하는 언어는 또는 OP 가슈를 실제로 해결할 수있는 충분한 질문을 잘 작성하지 못했습니다. –