Fabric.js addClass() 方法

Fabric.js 中的addClass() 方法用于将指定的类添加到指定的 HTML 元素中。必须首先选择页面中的 HTML 元素才能通过此方法。

句法：

addClass(element, className)

参数：此方法接受上面提到的两个参数，如下所述：

• element：此参数用于指定必须在其上添加类的 HTML 元素。
• className：此参数用于指定必须添加到元素的类。

下面的示例演示了 Fabric.js 中的addClass()方法：

例子：

HTML

  

  
    
    
    
  
    
      
        /* Define the CSS classes to be used */
        .box1 {
            margin: 12px;
            width: 100px;
            height: 100px;
            background-color: red;
        }
  
        .box2 {
            margin: 12px;
            width: 100px;
            height: 100px;
            background-color: green;
        }
  
        .border {
            border: 5px dashed;
        }
    

  

    
        GeeksforGeeks
    
    
        Fabric.js util.addClass() Method
    
  
    Box 1
    Box 2
      
    
  
        // Select the element that has
        // to be applied the classes
        let elem =
            document.querySelector('#box1');
        let elem2 =
            document.querySelector('#box2');
  
        // Add the required classes
        // to the element
        fabric.util.addClass(elem, 'box1');
        fabric.util.addClass(elem, 'border');
  
        fabric.util.addClass(elem2, 'box2');
        fabric.util.addClass(elem2, 'border');
    

  

输出：