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
Front End Technology Articles
Page 206 of 652
How to trim a file extension from a string using JavaScript?
Many web applications allow users to upload a file. Also, it shows the file content with the filename after trimming the file extension. Furthermore, sometimes we require to store the file's content in the database with the filename without extension as a key. So, various use cases require us to use the file name of the uploaded file without extension. Here, we will learn multiple ways to trim the file extension from the string using JavaScript. Use the array.split(), array.pop() and array.join() method Every file name contains the file extension after the last dot in the file name. ...
Read MoreHow to swap the key and value of JSON element using JavaScript?
Here, we will learn to swap the key and value of the JSON element using JavaScript. In JavaScript, an object stores the key-value pairs. So, we can swap the key and value as we swap two normal variables. In this tutorial, we will learn different approaches to swapping all the key values of JSON elements using JavaScript. Use the for loop We can iterate through the keys of the JSON object using for loop. After that, we can access the value from the object using the key. So, we can swap every key and value in the object. ...
Read MoreHow to store all dates in an array present in between given two dates in JavaScript?
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. Use 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 MoreHow to store a key => value array in JavaScript?
Sometimes, we require to map keys to particular values using some data structure in JavaScript. For example, storing the user details in the key value pairs in JavaScript is useful. We can use different data structures, such as objects or maps in JavaScript, to store data in the key-value format. Use the objects to store a key => value in JavaScript In JavaScript, objects allow us to store data in the key-value format. We can use the key with the object to get the data from the object. Syntax Users can follow the syntax below to use ...
Read MoreHow to stop browser's back button using JavaScript?
Stopping the browser’s back button meaning is that preventing users from going to the previous page. Sometimes, we need to prevent users from going to the back of the current page for security purposes. For example, most bank sites don’t allow you to go back when you are doing some transaction from their site using online banking. Because if users go back from the midtransaction, it can create some issues. So, it only allows you to either complete the transaction or cancel the transaction and start it again. Here, we will learn various approaches to prevent users from going ...
Read MoreHow to ungroup multiple Polylines after grouping using FabricJS?
We can create a Polyline object by creating an instance of fabric.Polyline. A polyline object can be characterised by 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. For ungrouping multiple Polyline objects we can use the toActiveSelection() method. Syntax toActiveSelection(): fabric.ActiveSelection Example 1: Grouping All the Polylines using One Click Before seeing how to ungroup, let's see how we can group objects. In this example, we will have a button on clicking which all the Polylines will ...
Read MoreHow to serialize a Polyline object into JSON in FabricJS?
A polyline object can be characterised by 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. Serialization means converting the canvas into savable data which can be converted back into the canvas later. This data can be an object or JSON so that it can be stored on servers. We will use the toJSON() method to convert the canvas with Polyline object into JSON. Syntax toJSON(propertiesToInclude: Array): Object Parameters propertiesToInclude − This parameter accepts an Array ...
Read MoreHow to randomly generate Polyline objects with a button click in FabricJS?
A polyline object can be characterised by 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 will create a program where pressing a button will randomly generate a Polyline object and add it to our canvas for us. Syntax new fabric.Polyline(points: Array, options: Object) Parameters points − This parameter accepts an Array which denotes the array of points that make up the polyline object. options (optional) − This parameter is an Object which provides ...
Read MoreHow to make a star with Polyline class using FabricJS?
We can create a Polyline object by creating an instance of fabric.Polyline. A polyline object can be characterised by 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 star or pentagram consists of 10 isosceles triangles. Syntax new fabric.Polyline(points: Array, options: Object) Parameters points − This parameter accepts an Array which denotes the array of points that make up the polyline object. options (optional) − This parameter is an Object which provides additional customizations to ...
Read MoreHow to identify if the given object is of a Polyline instance using FabricJS?
We can create a Polyline object by creating an instance of fabric.Polyline. A polyline object can be characterised by 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. In order to identify if the given object is of a Polyline instance, we use the isType method. This method checks if the object is of the specified type and returns a true or false value depending on that. Syntax isType(type: String): Boolean Here, type is the parameter that accepts ...
Read More