
在本教程中,我们将学习如何使用 FabricJS 查找 Image 对象的真实中心坐标。我们可以通过创建fabric.Image的实例来创建一个Image对象。由于它是 FabricJS 的基本元素之一,我们还可以通过应用角度、不透明度等属性轻松自定义它。为了找到 Image 对象的真实中心坐标,我们使用 getCenterPoint方法。
语法
getCenterPoint(): fabric.Point
使用getCenterPoint方法
示例
让我们看一个代码示例,以查看使用 getCenterPoint 方法时记录的输出。 getCenterPoint 方法返回对象的真实中心坐标。在本例中,记录的输出为 x= 256.5 和 y= 91,它们是中心点。
Using getCenterPoint method
You can open console from dev tools and see that the logged output contains the center points
使用getCenterPoint方法和cropX方法
示例
在此示例中,我们使用了 getCenterPoint 方法和cropX 方法来证明记录的中心点值将保持不变。
Using getCenterPoint method along with cropX method
You can open console from dev tools and see that the logged output contains the center points










