以编程方式从坐标中选择Fabricjs画布中的对象

Question

我已经被这个困扰了很长时间了。

我在Three.js中使用Fabricjs画布作为3D模型的纹理。每当画布上有变化时，模型都会将画布渲染为纹理。

我想单击模型并以编程方式在Fabricjs画布上选择一项。

我实现了使用raycaster将3d坐标转换为Fabric 2D坐标，因此我可以直接单击模型将新项目添加到画布中。但是我找不到在模型上点击选择画布对象的方法，因为Fabricjs上没有"getObjectFromCoords“或类似的方法

有没有办法以编程方式从Fabricjs画布中选择对象？

Threejs scene and Fabricjs canvas

Answer 1

如果你所需要的仅仅是基于(x,y)选择一个对象(也就是不实际处理拖拽、调整大小等)，那么Fabric.js在内部使用了fabric.Canvas.prototype._searchPossibleTargets()：

const pointer = {x: x, y: y}
const target = canvas._searchPossibleTargets(canvas.getObjects(), pointer)
if (target) {
  canvas.setActiveObject(target).requestRenderAll()
} else {
  canvas.discardActiveObject().requestRenderAll()
}

请注意，由于它是一个内部方法，因此它的签名可能会因版本而异。