Fabric.js Itext fontSize Property Last Updated : 02 Jun, 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 fontSize property that is used to set the font size of the Text in a canvas 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 fontSize property to set the font size of the Text. Syntax: fabric.Itext(Itext, { fontSize : number }); Parameters: This function takes a single parameter as mentioned above and described below: fontSize: This parameter takes a number value. Example: This example uses FabricJS to set the fontSize 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 fontSize Property </b> </div> <div style="text-align: center;"> <canvas id="canvas" width="400" height="200" style="border:1px solid green;"> </canvas> </div> <script> var canvas = new fabric.Canvas("canvas"); var geek = new fabric.IText('GeeksforGeeks', { fontSize : 60 }); console.log(geek.willDrawShadow()) canvas.add(geek); canvas.centerObject(geek); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article JavaScript Coding Questions and Answers D dheerchanana2002 Follow Improve Article Tags : JavaScript Fabric.js Similar Reads JavaScript Tutorial JavaScript is a programming language used to create dynamic content for websites. It is a lightweight, cross-platform, and single-threaded programming language. It's an interpreted language that executes code line by line, providing more flexibility.JavaScript on Client Side: On the client side, Jav 11 min read JavaScript Interview Questions and Answers JavaScript is the most used programming language for developing websites, web servers, mobile applications, and many other platforms. In Both Front-end and Back-end Interviews, JavaScript was asked, and its difficulty depends upon the on your profile and company. Here, we compiled 70+ JS Interview q 15+ min read Introduction to JavaScript JavaScript is a versatile, dynamically typed programming language used for interactive web applications, supporting both client-side and server-side development, and integrating seamlessly with HTML, CSS, and a rich standard library.JavaScript is a single-threaded language that executes one task at 7 min read JavaScript Coding Questions and Answers JavaScript is the most commonly used interpreted, and scripted Programming language. It is used to make web pages, mobile applications, web servers, and other platforms. Developed in 1995 by Brendan Eich. Developers should have a solid command over this because many job roles need proficiency in Jav 15+ min read Top 95+ Javascript Projects For 2025 JavaScript is a lightweight, cross-platform programming language that powers dynamic and interactive web content. From real-time updates to interactive maps and animations, JavaScript brings web pages to life.Here, we provided 95+ JavaScript projects with source code and ideas to provide hands-on ex 4 min read JavaScript Exercises, Practice Questions and Solutions JavaScript Exercise covers interactive quizzes, tracks progress, and enhances coding skills with our engaging portal. Ideal for beginners and experienced developers, Level up your JavaScript proficiency at your own pace. Start coding now! A step-by-step JavaScript practice guide for beginner to adva 3 min read Functions in JavaScript Functions in JavaScript are reusable blocks of code designed to perform specific tasks. They allow you to organize, reuse, and modularize code. It can take inputs, perform actions, and return outputs.JavaScriptfunction sum(x, y) { return x + y; } console.log(sum(6, 9)); // output: 15Function Syntax 5 min read Variables and Datatypes in JavaScript Variables and data types are foundational concepts in programming, serving as the building blocks for storing and manipulating information within a program. In JavaScript, getting a good grasp of these concepts is important for writing code that works well and is easy to understand.VariablesA variab 6 min read HTML DOM (Document Object Model) The HTML DOM (Document Object Model) is the foundation of modern web interactivity, enabling over 90% of dynamic behavior seen on websites today. It acts as a structured representation of an HTML document, allowing developers to programmatically access, modify, and control the content and structure 9 min read What is An Event Loop in JavaScript? The event loop is an important concept in JavaScript that enables asynchronous programming by handling tasks efficiently. Since JavaScript is single-threaded, it uses the event loop to manage the execution of multiple tasks without blocking the main thread.JavaScriptconsole.log("Start"); setTimeout( 4 min read Like