News Feed
Jobs Feed
Sections




News Archive
Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

Sameer Borate's Blog:
Adding HTML5 'Canvas' element to Wordpress
April 08, 2010 @ 11:22:14

WordPress users that have been interested to explore some of what HTML5 has to offer should check out the latest post from Sameer Borate. He shows how to embed a HTML5 Canvas element you can use to make a "drawable" area of your page. You can test to see if your browser supports it by scrolling to the end of the post.

Only if partially, but HTML 5 is slowly getting increased support from various browsers. Some of the HTML 5 features like '˜canvas' and '˜video' are supported by browsers like Firefox, Safari, Google Chrome and Opera. [...] The Canvas element consists of a drawable region defined in HTML on which you can dynamically draw graphics and animations using Javascript. The canvas API provides a nice set of drawing functions to play with.

His example detects to see if the browser has canvas support (using Modernizr), creates a div container to hold the region and creates a Javascript to define the canvas as a 520 by 220 pixel box. The animation should be loaded automatically.

0 comments voice your opinion now!
wordpress canvas html5 element tutorial


blog comments powered by Disqus

Similar Posts

WebReference.com: Create a Localized Web Page with PHP

Felix Geisendorfer's Blog: Two Tutorials - Title to Slug & Dependencies with If

Brandon Savage's Blog: Avoiding Notices: When to Use isset() and empty()

Sameer Borate's Blog: Checking coding standards with PHP_Codesniffer

NETTUTS.com: How to Setup a Dedicated Web Server for Free


Community Events











Don't see your event here?
Let us know!


performance component opinion series podcast hack framework introduction unittest hhvm symfony2 code language install package facebook composer security release application

All content copyright, 2014 PHPDeveloper.org :: info@phpdeveloper.org - Powered by the Solar PHP Framework