캔버스에 호버 버튼을 만드는 방법은 무엇입니까?

Question

다른 기능을 위해 도구 컨테이너를 사용하고 있습니다. 내가 알고 싶은 것은 활성 상태 일 때 및 비활성 상태 일 때 지우개 버튼에 대한 후버를 만드는 방법입니다.

다음은 도움이되는 경우 몇 가지 코드입니다.

//loader 
this.manifest = [ 
      {src:'images/brush.png', id:'brush', link: 'tool'}, 
      {src:'images/eraser.png', id:'eraser', link: 'tool'}, 
      {src:'images/clear.png', id:'clear', link: 'tool'} 
     ]; 

//eraser tool - Here is setting the position of button. 
     var eraser = new createjs.Bitmap(app.loader.getResult('eraser')); 
     eraser.name = 'eraser'; 
     eraser.x = brush.x + 90; 
     eraser.y = brush.y; 
     eraser.addEventListener('click', this.eraserHandler); 
     this.toolsContainer.addChild(eraser); 


// eraser handler function 
eraserHandler: function(){ 
     console.log("erase"); 
     app.erase = 1 - app.erase; 
    }, 

Answer 1

100 % 당신이 원하는 것을 확신하지만 당신이 당신의 기능 eraserHandler에서 그것을 처리 할 수있는 다음 활성화되지 나 그 어느 때 당신은 당신의 지우개 버튼이 표시되는 방식을 변경하려는 경우 :

eraserHandler: function(){ 
    console.log("erase"); 
    //replacing the image with an active image 
    eraser.image=app.loader.getResult('eraserActive'); 
    app.erase = 1 - app.erase; 
}, 

난 그냥 이미지 속성을 대체하지만 그림자를 추가하거나 마스크 또는 필터를 추가하는 등의 작업을 수행 할 수 있습니다. 그런 다음 캔버스를 업데이트하는 것을 잊지 마십시오 ... :)