The area of a rectangle is the region enclosed by its all four side that is calculated by multiplying the height and width dimensions together.
Continue reading “Code snippet to calculate the area and parimeter of a rectangle in JavaScript”
Category: Web Development
Display the number with floating point without rounding in JavaScript
Sometime you need to display the result with floating points of the some mathematical calculation without rounding off such as you have the value 12.56667, you want to display 12.56. This is useful when you are playing with Currency. Continue reading “Display the number with floating point without rounding in JavaScript”
Angular Pipe for converting hours in days and hours using custom pipe
The below code is helpful for you when you want to show the hours in working days and hours in Angular using Angular pipe. Continue reading “Angular Pipe for converting hours in days and hours using custom pipe”
Scaling object or shape and flip text in HTML5 Canvas
Scaling is the next method for transforming canvas, We have already discuss how to rotate canvas and about to translate method in our previous article Rotate object or shape in HTML5 Canvas. Continue reading “Scaling object or shape and flip text in HTML5 Canvas”
Drag and drop rows within ui grid in Angular js
Ui Grid is the popular grid system specially for Angular 1.x(Currently ui-grid doesn’t support angular 2 and above version). Ui-grid has no dependency rather than angular which makes it light weight. It has very rich feature set such as sorting, filtering, grouping and pagination and also has server side support for data-binding and pagination. Continue reading “Drag and drop rows within ui grid in Angular js”
Starting with node.js-What’s node.js and How to install
JavaScript is fully dynamic programming language which is used to make interactive web pages and create games, animated 2D and 3D graphics. It was first implemented client-side in Netscape Navigator and later it was adopted by other browsers. Continue reading “Starting with node.js-What’s node.js and How to install”
Rotate object or shape in HTML5 Canvas
HTML5 canvas provides rotate(angle) method which is used to rotate the canvas around the current origin clockwise. The parameter ‘angle’ should be radians not in degrees. You can use degree * Math.PI/180 formula to convert the degree in radians, suppose if you want to rotate canvas 45 degree you can use 45*Math.PI/180 for the angle. Continue reading “Rotate object or shape in HTML5 Canvas”
Create a animated Analog clock in HTML5-Animation on canvas
In this article I will see that how can you create a analog clock on canvas element and JavaScript in HTML5. This article also gives you a better understanding of how to draw arcs and lines on canvas in HTML5. Continue reading “Create a animated Analog clock in HTML5-Animation on canvas”
How to add text inside the doughnut chart using Chart.js
There are different JavaScript charting frameworks available. The chart.js is one of them. The chart.js is the canvas based and has the Great rendering performance across all modern browsers (IE9+). It provides 8 type of different chart style you can find all the help and documentation on the chartJS documentation. Continue reading “How to add text inside the doughnut chart using Chart.js”
Error: $injector:unpr in angular injector().invoke after grunt or gulf minify
Sometimes we need to inject and compile some markup using $compile service from outside AngularJs.
We can do this using the extra injector() added to JQuery/jqLite elements. Like this: Continue reading “Error: $injector:unpr in angular injector().invoke after grunt or gulf minify”