FabricJS – 查找转换为 HTMLCanvasElement 的 Polygon 对象的绘图上下文？

我们可以通过创建fabric.Polygon的实例来创建Polygon对象。多边形对象的特征可以是由一组连接的直线段组成的任何闭合形状。由于它是 FabricJS 的基本元素之一，因此我们还可以通过应用角度、不透明度等属性轻松自定义它。

为了将多边形对象转换为HTMLCanvasElement，我们使用toCanvasElement方法。它返回HTMLCanvasElement类型的 DOM 元素，该接口从HTMLElement接口继承其属性和方法。我们使用getContext方法在画布上查找绘图上下文。如果不支持上下文 ID，则返回 null 值。

语法

HTMLCanvasElement.getContext():

示例 1：使用 toCanvasElement 方法

让我们看一个代码示例，以查看使用toCanvasElement方法时记录的输出。使用toCanvasElement方法时，将返回 HTMLCanvasElement 类型的 DOM 元素。您可以从开发工具打开控制台以查看正在返回 HTMLCanvasElement 类型的 DOM 元素。

     
  
Using the toCanvasElement method
 
You can open console from dev tools to see the logged output
    

示例2：使用getContext方法

让我们看一个代码示例，看看使用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!