Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
How to set the scale factor (border) of an Ellipse using FabricJS?
In this tutorial, we are going to set the scale factor (border) of Ellipse using FabricJS. Ellipse is one of the various shapes provided by FabricJS. In order to create an ellipse, we have to create an instance of fabric.Ellipse class and add it to the canvas. We can use the borderScaleFactor property which specifies the scale factor of the object's controlling borders when selected. Syntax new fabric.Ellipse({ borderScaleFactor: Number }: Object) Parameters options (optional) − This parameter is an Object which provides ...
Read MoreHow to disable the centered scaling of a Triangle using FabricJS?
In this tutorial, we are going to learn how to disable the centered scaling of Triangle using FabricJS. Triangle is one of the various shapes provided by FabricJS. In order to create a triangle, we will have to create an instance of fabric.Triangle class and add it to the canvas. When an object is scaled via controls, assigning a True value to the centeredScaling property makes the origin of transformation its center. By setting it to False, the scaling occurs from the corner being dragged. Syntax new fabric.Triangle({ centeredScaling: Boolean }: Object) Parameters ...
Read MoreHow to set the position of Textbox from top using FabricJS?
In this tutorial, we are going to set the position of Textbox from top using FabricJS. The top property allows us to manipulate the position of the object. We can customize, stretch or move around the text written in a textbox. In order to create a textbox, we will have to create an instance of fabric.Textbox class and add it to the canvas. By default, the top position is relative to the canvas's top edge. Syntax new fabric.Textbox(text: String, { top: Number }: Object) Parameters text − This parameter ...
Read MoreHow to enter editing state using function in IText using FabricJS?
In this tutorial, we are going to learn about how to enter editing state using function in IText using FabricJS. The IText class was introduced in FabricJS version 1.4, extends fabric.Text and is used to create IText instances. An IText instance gives us the freedom to select, cut, paste or add new text without additional configurations. There are also various supported key combinations and mouse/touch combinations which make text interactive which are not provided in Text. Textbox, however, which is based on IText allows us to resize the text rectangle and wraps lines automatically. This is not true for ...
Read MoreHow to set a multiplier to scale a cloned image using FabricJS?
In this tutorial, we are going to learn how to set a multiplier to scale the cloned image using FabricJS. We can create an Image object by creating an instance of fabric.Image. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. In order to set a multiplier to scale the cloned image, we use the multiplier property. Syntax cloneAsImage( callback: function, { multiplier: Number}: Object): fabric.Object Parameters callback (optional) − This parameter is a function which ...
Read MoreHow to Create and Save text file in JavaScript?
In this tutorial, we will learn to create and save text files in JavaScript. Sometimes, developers need to get text content from users and allow them to store it in a text file that can be downloaded to their local computer. JavaScript provides native methods to achieve this, and we can also use third-party libraries like FileSaver.js for enhanced functionality. Create a Text File Using Native JavaScript We can use native JavaScript operations to create and save text files on the user's computer. The approach uses the HTML tag with the Blob API to create downloadable ...
Read MoreHow to convert UTC date time into local date time using JavaScript?
Timezone handling is an essential component of every web application. The time that is recorded in the backend is usually in UTC format. When it is displayed to the user, however, it must be converted to the user's local time. This is possible with JavaScript. We'll look at how to use JavaScript to convert UTC date time to local date time in this blog. JavaScript Date Object JavaScript includes a "Date" object that allows us to work with dates and times. The Date object includes various methods for working with dates and times, including: ...
Read MoreRemoving duplicate objects from array in JavaScript
Removing duplicate objects from arrays is a common requirement in JavaScript applications. Let's explore different approaches to eliminate duplicate objects while preserving the original data structure. The Problem Consider an array containing duplicate objects: const arr = [ {"title": "Assistant"}, {"month": "July"}, {"event": "Holiday"}, {"title": "Assistant"} ]; console.log("Original array:", arr); Original array: [ { title: 'Assistant' }, { month: 'July' }, { event: 'Holiday' }, { title: 'Assistant' ...
Read MoreFinding the sub array that has maximum sum JavaScript
We are required to write a JavaScript function that takes in an array of numbers. The array can contain both positive and negative numbers. The purpose of our function is to find the subarray (of any length) whose elements when summed give the maximum sum. This problem is known as the Maximum Subarray Problem and is commonly solved using Kadane's Algorithm. For example, if the input array is: const arr = [-2, 1, -3, 4, -1, 2, 1, -5, 4]; Then the output should be: 6 Because the subarray [4, ...
Read MoreFinding Number of Days Between Two Dates JavaScript
Finding the number of days between two dates is a common requirement in JavaScript applications. While you can implement complex date calculations manually, JavaScript's built-in Date object provides a much simpler and more reliable approach. The Simple Approach Using Date Objects The most straightforward method is to convert date strings to Date objects and calculate the difference in milliseconds, then convert to days: const daysBetweenDates = (date1, date2) => { const firstDate = new Date(date1); const secondDate = new Date(date2); ...
Read More