Fabric.js Itext hoverCursor 属性

Fabric.js 是一个用于处理画布的 JavaScript 库。画布 Itext 是 Fabric.js 的类之一，用于创建 Itext 实例。 Fabric.js 中的 Itext 是可移动的，可以根据需要进行拉伸。在本文中，我们将使用 hoverCursor 属性在画布 Itext 中设置光标样式。

方法：首先导入 Fabric.js 库。导入库后，在 body 标签中创建一个包含 Itext 的画布块。之后，初始化 Fabric.js 提供的 Canvas 和 Itext 类的实例，使用 hoverCursor 属性设置光标样式，并在画布上渲染 Itext。

语法：

fabric.Itext(Itext, {
  hoverCursor : string
});

参数：此函数接受如上所述和如下所述的单个参数：

• hoverCursor：指定光标的样式。

示例：本示例使用 Fabric.js 设置画布 Itext 的 hoverCursor 属性，如下例所示：

HTML

 

  
   
   
 
 
   
     
      GeeksforGeeks 
    
     
      Fabric.js | Itext hoverCursor Property 
     
   
  
   
     
     
   
   
    var canvas = 
        new fabric.Canvas("canvas"); 
  
    var geek = 
        new fabric.IText('GeeksforGeeks', {
        hoverCursor : 'pointer'
    });
    console.log(geek.willDrawShadow())
    canvas.add(geek);
    canvas.centerObject(geek); 
   
 

输出：