Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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. Since blur is not available in FabricJS itself, we will use CSS to add blur-in and blur-out animation to our Polyline. Syntax filter: blur(Xpx) Here, "X" is the property that accepts a Number value which determines the amount of blur to apply. Example 1: Adding blur-in animation to a polyline ... Read More
We can create a Polyline object by creating an instance of fabric.Polyline while fabric.Polygon can be used to create a Polygon instance. 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 polygon always connects the first point to the last to make a closed area while a polyline doesn’t. This can be proved by the examples given below. Syntax new fabric.Polyline(points: Array, options: Object) Parameters points − This ... Read More
DMM is an abbreviation for digital multimeter, which can measure voltage, current, and resistance. DMM is used to test the circuit's continuity. In contrast, an oscilloscope is used to visualize electrical signals. Oscilloscope monitors and shows changes in an electrical signal over time on a screen. Oscilloscopes are utilized for circuit debugging, designing, and testing electronic devices. Although the DMM is less expensive and smaller than the oscilloscope, it can only measure DC signals, whereas the oscilloscope can measure both AC and DC signals. Oscilloscopes are costlier than DMMs, but they are more flexible. When working with electricity, it is ... Read More
C++ is a powerful, high-performance language widely used for system-level programming and applications. At the same time, Node.js is an open-source, cross-platform JavaScript runtime environment commonly used for web applications. By understanding the various methods for communicating JSON data between C++ and Node.js, developers can choose the best approach to their specific needs. In this tutorial, we will explore the various ways to communicate JSON data between a C++ application and a Node.js server. Three common approaches: using a RESTful API, using a message queue, and using a WebSocket Users can follow the steps below to communicate JSON data between ... Read More
Material-UI provides a variety of components that help us to build user interfaces with a consistent look and feel. One of the components that Material-UI provides is the Tabs component, which allows us to create tabbed interfaces in our applications. In this tutorial, we will learn how to check which tab is active using Material-UI, a popular React UI library. Use the useState hook to check which tab is active Users can follow the steps below to check which tab is active using Material UI. Step 1 − First, users need to install Material-UI. We can do this by ... Read More
Batteries are a critical component of many devices and machines, from laptops and phones to cars and industrial machinery. But not all batteries are created equal; they come in different shapes, sizes, and technologies. Two of the most common battery types used today are DL and CR batteries, so it’s important to understand the difference between them. In this blog post, we will be looking at the essential facts about DL and CR batteries – including their composition, applications, cost considerations, and more – so you can make an informed decision on which type is right for your needs. ... Read More
To convert strings into lowercase and uppercase, we can use the JavaScript string class’s built-in methods like toLowerCase() and toUpperCase(). Furthermore, we can use the string length property or substring() method to split the string in half part. We will learn two approaches in this tutorial to convert half string to uppercase and the other half to lowercase using JavaScript. Use the for-loop, toUpperCase(), and toLowerCase() method We can use the for-loop to get the half-string. After that, we can use the toUpperCase() method to convert the first half of the string the uppercase. After that, we need to use ... Read More
We will cover the process of creating a canvas element in the HTML document, selecting it in JavaScript code, and using the clearRect method to clear the entire canvas or a specific area of it. This is a useful technique for creating dynamic and interactive graphics in HTML, and we will walk user through the steps needed to implement it in your own projects. In this tutorial, we will be discussing how to clear the canvas using the clearRect method in HTML. Clearing Canvas with clearRect Users can follow the steps below to clear the canvas using clearRect Step 1 ... Read More
Highlighting dropdown options is important because it improves the menu's usability by making it easier for users to identify the options they are hovering over. When a user hovers over an option, it becomes highlighted, making it stand out from the other options. This helps the user quickly identify the option they are interested in and select. Additionally, highlighting dropdown options is a simple but effective way to improve the usability and accessibility of the menu. Creating interactive dropdown menus in ReactJS with option highlighting Users can follow the steps below to implement the option highlighting in the ReactJS dropdown. ... Read More
React Native is a framework that allows developers to build mobile applications using JavaScript and React. It allows developers to use the same codebase for both iOS and Android platforms, making it a cost-effective and efficient solution for mobile development. React Facebook first introduced native in 2015 as an open-source project. It is based on React, a JavaScript library for building user interfaces, and allows developers to build mobile apps that look and feel like native apps. Use these tools and resources to build React Native app There are two main ways to install and set up a React Native ... Read More