Fabric.js Itext opacity Property Last Updated : 08 Feb, 2021 Comments Improve Suggest changes Like Article Like Report Fabric.js is a JavaScript library that is used to work with canvas. The canvas Itext is one of the class of fabric.js that is used to create Itext instances. The canvas Itext means the Itext is movable and can be stretched according to requirement. In this article, we will be using the opacity property that is used to set the opacity of the Itext. Approach: First import the fabric.js library. After importing the library, create a canvas block in the body tag which will contain the Itext. After this, initialize an instance of Canvas and Itext class provided by Fabric.JS and use the opacity property used to set the opacity of the Itext. Syntax: fabric.Itext(Itext, { opacity : number }); Parameters: This function takes a single parameter as mentioned above and described below: opacity: This parameter takes a number value Example: This example uses FabricJS to set the opacity property of the canvas Itext as shown in the below example: HTML <!DOCTYPE html> <html> <head> <!-- FabricJS CDN --> <script src= "https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> </script> </head> <body> <div style="text-align: center;width: 400px;"> <h1 style="color: green;"> GeeksforGeeks </h1> <b> Fabric.js Itext opacity Property </b> </div> <div style="text-align: center;"> <canvas id="canvas" width="400" height="200" style="border:1px solid green;"> </canvas> </div> <script> //creating a new instance of canvas var canvas = new fabric.Canvas("canvas"); //creating a new instance of IText var geek = new fabric.IText('GeeksforGeeks', { opacity : 0.3 }); console.log(geek.willDrawShadow()) //rendering IText object in canvas canvas.add(geek); canvas.centerObject(geek); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article Fabric.js Path opacity Property D dheerchanana2002 Follow Improve Article Tags : JavaScript Fabric.js Similar Reads Fabric.js Itext padding Property Fabric.js is a JavaScript library that is used to work with canvas. The canvas Itext is one of the class of fabric.js that is used to create Itext instances. The canvas Itext means the Itext is movable and can be stretched according to requirement. In this article, we will be using the padding prope 2 min read Fabric.js Itext paintFirst Property Fabric.js is a JavaScript library that is used to work with canvas. The canvas Itext is one of the class of Fabric.js that is used to create Itext instances. The canvas Itext means the Itext is movable and can be stretched according to requirement. In this article we will be using the paintFirst pro 2 min read Fabric.js Group opacity Property In this article, we are going to see how to set the opacity of a Group of the canvas using Fabric.js. The Group in Fabric.js is movable and can be stretched according to requirements. Further, the Group can be customized when it comes to initial stroke color, height, width, fill color, or stroke wid 2 min read Fabric.js Itext lockScalingY Property Fabric.js is a JavaScript library that is used to work with canvas. The canvas Itext is one of the class of fabric.js that is used to create Itext instances. The canvas Itext means the Itext is movable and can be stretched according to requirements. In this article, we will be using lockScalingY pro 2 min read Fabric.js Path opacity Property In this article, we are going to see how to set the opacity of a Path using Fabric.js. The Path in Fabric.js is movable and can be stretched according to requirements. Further, the Path can be customized when it comes to initial stroke color, height, width, fill color, or stroke width. To make it po 2 min read Fabric.js line opacity property In this article, we are going to set the opacity of a canvas line in FabricJS. The canvas line means the line is movable and can be stretched according to requirements. Further, the line can be customized when it comes to initial stroke color, height, width, fill color, or stroke width. Syntax: fabr 2 min read Like