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

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

1 个答案: