[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


HTML 5 Canvas Vs. Flash

Posted on 2009-12-24
Medium Priority
Last Modified: 2012-05-08

I need a PROS / CONS of HTML 5 Canvas Vs. Flash and your opinion on which technology will win the race.
Question by:elimesika
  • 2
LVL 15

Assisted Solution

ludofulop earned 600 total points
ID: 26119288
i would prefer flash...
nobody knows when the html5 will be fully supported by all browsers
and of course, you have to count the backward compatibility

but anyway, it's a hard question, i don't think that there will be a 'winner', as flash can be best choice for some applications, and canvas for others...
LVL 14

Accepted Solution

TanLiHao earned 1400 total points
ID: 26121347
At the moment, Flash beats HTML 5. There are still many features provided by Flash that is not provided by HTML 5. The HTML 5 standard is still a draft, and still isn't complete. Some of the features do not exist in all browsers yet.

Firefox may claim to support HTML 5, but since that isn't complete, you can't say it supports all the features HTML 5 will come to have.

IE8 haven't really support HTML 5, and since it is a major browser vendor, you shouldn't use HTML 5.

Furthermore, like ludofulop said, older browsers do not have support for HTML5, hence backwards compatibility becomes an issue. You can's just install HTML5 into older browsers but you can do that for Flash Player.

Ultimately, HTML 5 will beat the speed of Flash Player because it's just a plugin while HTML5 will be supported natively by browsers. However, it isn't complete at the moment so you should stick to Flash now.

However, Flash Player have better backward compatibility, currently ubiquitous on browsers since over 98% users have that installed. Furthermore, with AVM2, the speed have tremendously increased. It have many more features and there are a couple more benefits.

I will give a summary

HTML 5 Pros:
Fast (depending on browser of course)
A standard (this means that most browsers will eventually support this)
Uses mon-proprietary things to make the web more open (There sometimes are issues with using proprietary formats like FLV, F4V and others, HTML5 supports open video formats so people can use them royalty-free)

HTML 5 Cons:
Incomplete (Don't expect all browsers to support it yet)
Lack of features (the features is currently lesser than what Flash provides)

Flash Pros:
Quite fast (only for AVM2, AVM1 is not quite fast)
Supports some basic 3D (2.5D)
Ubiquitous (most users have this installed, backward compatible)

Flash Cons:
 FLV? F4V? ( I guessed I explained enough about that above)
Plugin is plugin(no matter how fast they go, they are not native and will never be as fast)
Bunch of exploits (Adobe is like 2002 Microsoft, lots of exploits in Flash and PDF, potentially dangerous)

However, at the moment considering the factors, just because of the two cons HTML have,
 Flash > HTML 5 at the moment.

Use Flash if you need to, otherwise use HTML, try not to use HTML 5 only features like canvas.
LVL 14

Expert Comment

ID: 26121351
I forgot to tell you about the end.

Ultimately, this will never be a race.

HTML 5 will definitely take over Flash, just depending on how long it takes.

Because one is native and one is plugin, they just can't race. It is obvious they can't be compared and HTML 5 will be the winner.
LVL 19

Author Closing Comment

ID: 31669742
TanLiHao : Thanks a lot for your detailed answer.

ludofulop: Thanks

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question