이 코드는 Kineticjs를 사용합니다. 이미지 중 하나에 mouseover 및 mouseout 이벤트를 사용하고 있습니다. 이 레이어에는 2 개의 이미지가 있습니다. 나는 그들 중 하나만 숨기고 싶다. 각 이미지에 대해 별도의 레이어를 만들어야합니까?레이어의 단일 요소 숨기기 - Kineticjs
img.onload = function(){
var image = new Kinetic.Image({
image: img,
name:'iconImage',
width: 50,
height: 50,
//draggable: true,
//visible:true,
listening:true
});
var image2 = new Kinetic.Image({
x:100,
y:100,
image: img,
name:'iconImage',
width: 50,
height: 50,
//draggable: true,
//visible:true,
listening:true
});
iconLayer.add(image).add(image2);
stage.add(iconLayer);
//stage.draw();
image.on('mouseover',function(){
image.hide();
iconLayer.clear();
//iconLayer.draw();
});
image.on('mouseout',function(){
//iconLayer.clear();
//image.show();
//iconLayer.draw();
image.show();
iconLayer.draw();
//stage.draw();
});
}
hide() 및 show() 함수를 사용하는 가장 좋은 방법은 무엇입니까?