- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Creating content with HTML5 Canvas much more complicated than authoring with Flash
Flash provides amazing GUI and lots of visual features for animations. It allows the user build everything inside a particular platform without a full integration into the browser wrapped inside the browser with the main scopes that are multimedia and other kinds of animation.
HTML5 element <canvas> gives you an easy and powerful way to draw graphics using JavaScript. It can be used to draw graphs, make photo compositions or do simple (and not so simple) animations.
Here is a simple <canvas> element which has only two specific attributes width and height plus all the core HTML5 attributes like id, name, and class etc.
<canvas id = "mycanvas" width = "100" height = "100"></canvas>
Canvas is mainly considered now and Flash is outdated. With Canvas, you can animate shapes, scale, transform, etc.
- Related Articles
- Drop Shadow with HTML5 Canvas
- Creating custom attributes with HTML5
- Create a pattern with HTML5 Canvas
- Draw Bezier Curve with HTML5 Canvas
- Draw a shadow with HTML5 Canvas
- Blending two images with HTML5 canvas
- Crop Canvas / Export HTML5 Canvas with certain width and height
- How to use images with HTML5 canvas?
- Working with HTML5 Canvas Elements using Easel.js
- How to copy the content of one HTML5 Canvas to another Canvas locally?
- Frame by frame animation in HTML5 with canvas
- How to actually work with HTML5 Canvas camera/viewport?
- How to handle mousedown and mouseup with HTML5 Canvas
- How to draw a Bezier Curve with HTML5 Canvas?
- Can I play the same sound more than once at the same time with HTML5?

Advertisements