Fabric.js Text hasBorders Property Last Updated : 09 Mar, 2022 Comments Improve Suggest changes Like Article Like Report In this article, we are going to see how to change the hasBorders of the text canvas using Fabric.js. The canvas means the text written is movable, rotatable, resizable, and can be stretched. Further, the text itself cannot be edited like a textbox. To make it possible, we are going to use a JavaScript library called Fabric.js. After importing the library using CDN, we will create a canvas block in the body tag that will contain our text. After this, we will initialize instances of Canvas and Text provided by FabricJS and use the hasBorders property of the canvas text using hasBorders property. Syntax: fabric.Text(text, hasBorders : Boolean ); Parameters: This property accepts one parameter as mentioned above and described below: hasBorders : This parameter takes a boolean value. Below is the example that illustrates the use of hasBorders property in Fabric.js: Example: HTML <!DOCTYPE html> <html> <head> <!-- Loading the FabricJS library --> <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 | Text hasBorders Property </b> </div> <div style="text-align: center;"> <canvas id="canvas" width="400" height="200" style="border:1px solid green;"> </canvas> </div> <script> // Create a new instance of Canvas var canvas = new fabric.Canvas("canvas"); // Create a new Text instance var geek = new fabric.Text('GeeksforGeeks', { hasBorders : false }); // Render the text on Canvas canvas.add(geek); canvas.centerObject(geek); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article Fabric.js Textbox hasBorders Property T thacker_shahid Follow Improve Article Tags : JavaScript Web Technologies Fabric.js Similar Reads Fabric.js Textbox hasBorders Property In this article, we are going to see how to set the border of the canvas Textbox using FabricJS. The canvas Textbox means the Textbox is movable and can be stretched according to requirement. Further, the Textbox can be customized when it comes to initial stroke color, height, width, fill color, or 2 min read Fabric.js Path hasBorders Property In this article, we are going to see how to set the hasBorders 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 2 min read Fabric.js line hasBorders property In this article, we are going to see if the borders are visible or not in a canvas line in FabricJS. The canvas line means the line is movable and can be stretched according to requirement. Further, the line can be customized when it comes to initial stroke color, height, width, fill color, or strok 2 min read Fabric.js Group hasBorders Property In this article, we are going to see how to set the hasBorders 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 2 min read Fabric.js Text hoverCursor Property In this article, we are going to see how to use hoverCursor property of the text canvas using Fabric.js. The canvas means the text written is movable, rotatable, resizable, and can be stretched. Further, the text itself cannot be edited like a textbox.To make it possible, we are going to use a JavaS 2 min read Fabric.js Itext hasBorders 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 hasBorders property 2 min read Like