Fabric.js Text cornerSize Property Last Updated : 08 Feb, 2022 Comments Improve Suggest changes Like Article Like Report In this article, we are going to see how to change the cornerSize 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 change the corner size of the canvas text using cornerSize property. Syntax: fabric.Text(text, cornerSize: Number ); Parameters: This property accepts one parameter as mentioned above and described below: cornerSize: This parameter takes a number value. Below is the example that illustrates the use of cornerSize 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 cornerSize 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', { cornerSize: 30 }); // Render the text on Canvas canvas.add(geek); canvas.centerObject(geek); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article Fabric.js Text cornerSize Property T thacker_shahid Follow Improve Article Tags : JavaScript Web Technologies Fabric.js Similar Reads Fabric.js Textbox cornerSize Property In this article, we are going to see how to set the size of controlling corners of the canvas Textbox using Fabric.js. The Textbox in Fabric.js 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 2 min read Fabric.js Textbox cornerStyle Property In this article, we are going to see how to set the style of controlling corners of the canvas Textbox using Fabric.js. The Textbox in Fabric.js is movable and can be stretched according to requirements. Further, the Textbox can be customized when it comes to initial stroke color, height, width, fil 2 min read Fabric.js Text cornerColor Property In this article, we are going to see how to change the cornerColor 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 JavaSc 2 min read Fabric.js | Rect cornerStyle Property In this article, we are going to see how to set the style of controlling corners of the canvas rectangle using FabricJS. The canvas rectangle means rectangle is movable and can be stretched according to requirement. Further, the rectangle can be customized when it comes to initial stroke color, heig 2 min read Fabric.js Text cornerDashArray Property In this article, we are going to see how to change the cornerDashArray 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 Ja 2 min read Like