KineticJS選擇形狀並在其正下方顯示div

Question

我正在使用KineticJS在畫布上繪製形狀。點擊形狀時，我想直接在選定形狀下面疊加一個div。這將允許用戶改變一些屬性（文字，顏色等）。

我處理這樣的單擊事件，這是工作的罰款

myShape.on('click', function() { 
    alert('clicked'); 
    }); 

因此，而不是隻是提醒，我想只顯示所選擇的形狀下的一個div。

我不知道如何去定位一個div在舞臺上的點。

非常感謝

Answer 1

image.on('click', function() { 
    var input = document.createElement('input'); 
    input.style.position = 'absolute'; 
    input.style.top = image.y() + 'px'; 
    input.style.left = image.x() + 'px'; 
    document.body.appendChild(input); 
}); 

http://jsbin.com/reqile/2/edit?js,output