How to straighten a rotated Polygon object using FabricJS?

Rahul Gurung
Updated on 15-Mar-2026 23:19:00

272 Views

We can create a Polygon object by creating an instance of fabric.Polygon. A polygon object can be characterized by any closed shape consisting of a set of connected straight line segments. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity etc. We can straighten a rotated Polygon object by using the straighten method. The straighten method straightens an object by rotating it from its current angle to the nearest cardinal angle (0°, 90°, 180°, or 270°), depending on which is closer. Syntax straighten(): ... Read More

Extract unique objects by attribute from an array of objects in JavaScript

Rushi Javiya
Updated on 15-Mar-2026 23:19:00

7K+ Views

We will learn to extract unique objects by attribute from an array of objects in this tutorial. Sometimes, we need to filter objects from the array of objects based on a particular attribute. For example, we have an id as a key to identify the object. So, we need to ensure that the array contains only a single object with a single id. If two or more objects contain the same primary key value, it can cause the problem of uniquely identifying objects. Here, we will learn different approaches to filter all unique objects from the array based ... Read More

How to store all dates in an array present in between given two dates in JavaScript?

Shubham Vora
Updated on 15-Mar-2026 23:19:00

4K+ Views

Sometimes, we require to get all the dates between the given date range. In this tutorial, we will take two dates and find all dates between two dates. Also, we will store all dates in the array. Here, we will learn three approaches to storing all dates in an array present between given two dates in JavaScript. Using the while loop and setDate() method We can use the while loop for iteration and the setDate() method to set dates in the date object. On every iteration of the while loop, we can increase the date by one ... Read More

How to convert array of decimal strings to array of integer strings without decimal in JavaScript

AmitDiwan
Updated on 15-Mar-2026 23:19:00

767 Views

We are required to write a JavaScript function that takes in an array of decimal strings. The function should return an array of strings of integers obtained by flooring the original corresponding decimal values of the array. For example, If the input array is − const input = ["1.00", "-2.5", "5.33333", "8.984563"]; Then the output should be − const output = ["1", "-2", "5", "8"]; Method 1: Using parseInt() The parseInt() function parses a string and returns an integer. It automatically truncates decimal parts. const input = ["1.00", ... Read More

Function to compute factorial of a number in JavaScript

Nikhilesh Aleti
Updated on 15-Mar-2026 23:19:00

13K+ Views

In this article, we will explore different methods to calculate the factorial of a number in JavaScript. What is Factorial? The factorial of a non-negative integer n is the product of all positive integers less than or equal to n. For example, the factorial of 4 is 4 × 3 × 2 × 1 = 24, represented as 4!. The value of 0! is defined as 1 by convention. Mathematical Formula The factorial of n is represented as n! and calculated using: n! = n × (n-1) × (n-2) × ... × 3 ... Read More

Compare keys & values in a JSON object when one object has extra keys in JavaScript

AmitDiwan
Updated on 15-Mar-2026 23:19:00

2K+ Views

When comparing JSON objects in JavaScript, you often need to check if the common keys have matching values, even when one object has extra properties. This is useful for validating partial object matches or checking if one object is a subset of another. Problem Statement Consider these two objects: const obj1 = {a: "apple", b: "banana", c: "carrot"}; const obj2 = {a: "apple", e: "egg", b: "banana", c: "carrot", d: "dog"}; We need a function that returns true because all common keys (a, b, c) have matching values, ignoring the extra keys (e, d) ... Read More

Efficient algorithm for grouping elements and counting duplicates in JavaScript

AmitDiwan
Updated on 15-Mar-2026 23:19:00

417 Views

When working with arrays of objects in JavaScript, you often need to group elements based on shared properties and count duplicates. This is common in data processing tasks like analyzing user activity, inventory management, or survey results. Problem Overview Given an array of objects, we want to group them by a specific property and count how many times each group appears. For example, if we have objects with properties like coordinates or identifiers, we can group by the first property and display counts. Original data: X A B O Y X Z I Y ... Read More

How to crop the left offset in a cloned image using FabricJS?

Rahul Gurung
Updated on 15-Mar-2026 23:19:00

352 Views

In this tutorial, we are going to show how you can crop the left offset in a 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 crop the left offset in a cloned image, we use the left property. Syntax cloneAsImage( callback: function, { left: Number}: Object): fabric.Object Parameters callback (optional) − This parameter is a function ... Read More

How to switch off object caching for a Polygon object using FabricJS?

Rahul Gurung
Updated on 15-Mar-2026 23:19:00

671 Views

We can create a Polygon object by creating an instance of fabric.Polygon. A polygon object can be characterized by any closed shape consisting of a set of connected straight line segments. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity, etc. A FabricJS object is cached on an additional canvas for saving time during re-using the object. In order to switch off object caching for Polygon object we use the objectCaching property. Syntax new fabric.Polygon( points: Array, { objectCaching: Boolean }: Object ) ... Read More

How to convert array into array of objects using map() and reduce() in JavaScript

AmitDiwan
Updated on 15-Mar-2026 23:19:00

1K+ Views

Converting arrays into arrays of objects is a common task in JavaScript. This article shows how to use map() and reduce() together to transform nested arrays into structured objects. Problem Statement Suppose we have an array of arrays like this: const arr = [ [ ['juice', 'apple'], ['maker', 'motts'], ['price', 12] ], [ ['juice', 'orange'], ['maker', 'sunkist'], ['price', 11] ] ]; We need to convert this nested array structure into ... Read More

Advertisements