
在本教程中,我们将展示如何将图像对象垂直居中 使用 FabricJS 的画布的当前视口。我们可以通过创建一个 Image 对象 fabric.Image 的实例。既然它是FabricJS的基本元素之一,我们也可以 通过应用角度、不透明度等属性轻松自定义它。为了使图像居中 对象垂直在画布的当前视口上,我们使用 viewportCenterV 方法。
语法
viewportCenterV(): fabric.Object
Image 对象的默认外观
示例
让我们看一个代码示例,看看当使用 viewportCenterV 方法时我们的 Image 对象看起来如何 未使用。在这种情况下,图像对象将不会在画布上垂直居中。
Default appearance of the Image object
You can see the default appearance of Image object
![]()
使用viewportCenterV方法
示例
让我们看一个代码示例,看看图像对象在 使用viewportCenterV方法。在这种情况下,我们的图像对象将居中 相对于画布的当前视口垂直。
Using the viewportCenterV method
You can see that the image object is centered vertically with respect to the current viewport of canvas
![]()
结论
在本教程中,我们使用两个示例来演示如何使图像对象居中 使用 FabricJS 在画布的当前视口上垂直显示。










