Fabric.js ActiveSelection viewportCenter() 方法
在本文中,我们将看到如何使用 FabricJS 在画布 ActiveSelection 中使用 viewportCenter() 方法,它用于填充对象。画布 ActiveSelection 表示 ActiveSelection 是可移动的,可以根据需要进行拉伸。此外,当涉及到初始笔触颜色、高度、宽度、填充颜色或笔触宽度时,可以自定义 ActiveSelection。
viewportCenter() 方法用于获取对象的视口中心。
做法:首先导入fabric.js库。导入库后,在 body 标记中创建一个包含 ActiveSelection 的画布块。之后,初始化 Fabric.JS 提供的 Canvas 和 ActiveSelection 类的实例,并使用 viewportCenter() 方法。
句法:
ActiveSelection.viewportCenter()
参数:此函数不带任何参数。
返回值:此方法返回包含对象视口中心的对象值。
示例:本示例使用 FabricJS 设置画布 ActiveSelection 的 viewportCenter() 方法,如下例所示:
HTML
GeeksforGeeks
Fabric.js | ActiveSelection viewportCenter() method
输出: