我们可以通过创建fabric.Polygon的实例来创建Polygon对象。多边形对象的特征可以是由一组连接的直线段组成的任何闭合形状。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。
为了将多边形对象转换为HTMLCanvasElement,我们使用toCanvasElement方法。它返回HTMLCanvasElement类型的 DOM 元素,该接口从HTMLElement接口继承其属性和方法。我们使用getContext方法在画布上查找绘图上下文。如果不支持上下文 ID,则返回 null 值。
HTMLCanvasElement.getContext():
让我们看一个代码示例,以查看使用toCanvasElement方法时记录的输出。使用toCanvasElement方法时,将返回 HTMLCanvasElement 类型的 DOM 元素。您可以从开发工具打开控制台以查看正在返回 HTMLCanvasElement 类型的 DOM 元素。
Using the toCanvasElement method
You can open console from dev tools to see the logged output
让我们看一个代码示例,看看使用getContext方法和toCanvasElement方法查找转换为 HTMLCanvasElement 的 Polygon 对象的绘图上下文时记录的输出。绘图上下文让我们可以在画布上绘图。由于我们向 getContext 方法传递了值“2d”,因此会返回一个CanvasRenderingContext2D对象。
Using getContext method
You can open console from dev tools to see that the CanvasRenderingContext2D object is being returned
在本教程中,我们使用两个简单的示例来演示如何找到使用 FabricJS 转换为 HTMLCanvasElement 的 Polygon 对象的绘图上下文。
Atas ialah kandungan terperinci FabricJS – 查找转换为 HTMLCanvasElement 的 Polygon 对象的绘图上下文?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!