FabricJS div over object

时间:2017-03-29 13:40:42

标签: javascript jquery html css fabricjs

我使用FabricJS与kitchensink应用程序在客户端的画布上添加图像。但是我想在选择对象时显示div。 我做了什么:当选择一个对象时,我显示一个div。 我想做的事情:在对象的中心显示这些div,并在对象移动时将其保持在这一点。

我该怎么做?我试图用移动事件编辑CSS位置,但无法找到如何将它放在对象的中心。也许这不是一个好的解决方案

感谢您的帮助

立即编辑我的代码:

    canvas.on('object:moving', modifiedHandler);

function modifiedHandler(evt) {
  var obj=evt.target;
  var left= obj.left + this._offset.left;
  var top = obj.top + this._offset.top;
  var btn = document.getElementById('btn-image-edit');
  $("#btn-image-edit").css({top:(top-btn.offsetHeight)/2, left: (left-btn.offsetWidth)/2, position:'absolute'});
}

0 个答案:

没有答案