KineticJS选择形状并在其正下方显示div

时间:2014-12-05 11:50:31

标签: javascript kineticjs

我正在使用KineticJS在画布上绘制形状。单击一个形状时,我想在所选形状的正下方叠加一个div。这将允许用户更改一些属性(文本,颜色等)。

我正在处理这样的点击事件,这很正常

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

因此,我想在选定的形状下面显示一个div,而不仅仅是警告。

我不确定如何在舞台内的某个位置设置div。

非常感谢

1 个答案:

答案 0 :(得分: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