如何在畫布上創建懸停按鈕？

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; 
}, 

我只是替換圖像屬性，但你可以做任何其他事情像添加陰影，添加一個面具或過濾器proerty，然後不要忘記更新您的畫布... :)