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”
Tag: HTML5
HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet. HTML5 is the latest standard for HTML.
Some of the most interesting new features in HTML5 are:
– The canvas element for 2D drawing
– The video and audio elements for media playback
– Support for local storage
– New content-specific elements, like article, footer, header, nav, section
– New form controls, like calendar, date, time, email, url, search
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”
AngularJS- Example- Add values of the two text fields and show the sum
After writing my previous AngularJS html web page, I am continue to learn the AngularJS. Today I have found a on line editor Plunker for creating, collaborating and sharing my web development programs and examples. Continue reading “AngularJS- Example- Add values of the two text fields and show the sum”
How to create hyper link on the canvas in HTML5
Directly you can’t create the link on the canvas but you can write a text and can detect the click on this text and then you can use the window.location property. Continue reading “How to create hyper link on the canvas in HTML5”
HTML 5: Draw the Grid lines on the Canvas
This article demonstrates how can we draw the grid lines on the HTML 5 canvas object. You can See the below demo in which you can reset the thickness and size of the grid lines from the drop down options. Continue reading “HTML 5: Draw the Grid lines on the Canvas”
Why does HTML 5 attract web developers
I have been working with HTML 5 from its starting days and Here I’ll discuss that why does I like it and several features of the HTML 5 that make easier to write the web page. Continue reading “Why does HTML 5 attract web developers”
Starting with geolocation api in HTML 5
Geolocation is the HTML 5 API that is used to get the location of the user. You can get the latitude and longitude of the user’s location. Continue reading “Starting with geolocation api in HTML 5”
The complete example to remove element from the list by drag and drop in HTML 5
In the following example, you’ll learn that how can you delete the elements with the help of drag and drop effect in HTML5 and JavaScript. Drag and drop is a very common feature in HTML5.
The Demo allows the user to drag an element (‘li’ HTML tag) from the list and drop the element over right side area (‘div’ HTML element) to remove element from list. Continue reading “The complete example to remove element from the list by drag and drop in HTML 5”
How to detect the support of HTML 5 features on user’s browser
Basically Modernizr is an open-source JavaScript library that detects the support of native implementations of HTML5 and CSS3.
First time I saw the use of the Modernizr JavaScript library in my first MVC4 web application in the BundleConfig.cs file. I had started the MVC4 with the internet template. At that time I don’t know the real use of this library, later than I found that it can be very useful to take advantage of the advanced feature of the HTML5 and CSS3. Continue reading “How to detect the support of HTML 5 features on user’s browser”
Create the PDF at client side in HTML5
Now you can generate the PDF document through the client side library jsPDF. You can create the PDF using main built-in function such as insert image, insert text with different fonts to pdf etc. Normally user creates the pdf programmatically on the server side that may lead to decrease the performance of your web page. Continue reading “Create the PDF at client side in HTML5”