HTML5 Canvas for Dummies
  • HTML5 Canvas For Dummies
    HTML5 Canvas For Dummies
    by Don Cowan
Search Our Site
Contact

tel. 970 708 0899

fax. 970 497 4377

contact@marketimpacts.com

Email Us
This form does not yet contain any fields.
    Search Our Website
    This area does not yet contain any content.
    Free QuickClick App Downloads

    Click below to download free QuickClick apps for your Android smartphone... 

    ATM

     

    Auto

     

    Casinos

     

    Coffee

     

    Dessert

     

    English Places

     

    Fast Food

     

    French Places

     

    Gas

     

    Golf

     

    Health Food

     

    Irish Places

     

    Italian Places

     

    Lodging

     

    Mail

     

    Nightlife

     

    Parking

     

    Restaurants

     

    RV

     

    Scottish Places

     

    Shopping 

     

    Taxi


    Truck

    Custom Apps

    Get a custom QuickClick app for your business. Use the format you see here or let us create a custom format tailored to your needs.

      

    « Code Comments | Main | Integrating Audio with HTML5 Canvas »
    Monday
    Sep242012

    What is HTML5 Canvas?

    The Canvas feature of HTML5 is one of the most exciting new developments in web based capabilities in many years. Here are some key aspects:

    HTML5 - Canvas is a part of the latest revision and improvement of the previous version (HTML4, released in the late 1990's) markup language for displaying web pages on the Internet.

    Canvas Tag - The <canvas> tag joins the other HTML tags (there are around 100 now) as a way to include single or multiple Canvas areas on a web  page. 

    Bit Map Display - The Canvas area you define with a <canvas> tag is a bit map display. You can manipulate individual pixels to draw objects, images, animations and video.

    Javascript Control - The Javascript language is used to control what is seen on the Canvas. The Javascript application code is placed between the <head></head> and <script></script> tags of the web page.

    Browser Based - The computing needed to create a Canvas display is done within the browser. In other words, it's client based, not server based. The means that creating a Canvas application is simpler than one requiring server based programming. It also means that the computing power needed to generate the Canvas display is not concentrated in single servers. Each user's browser handles its own work.

    Animation - Canvas applications can generate animations. This is accomplished using callbacks from the browser. The Canvas application designates one of its functions to be called from the browser at specified time intervals. During each of these callbacks, the application draws a new Canvas display, moving objects slightly. When viewed as a continuous flow of Canvas displays, an animation is generated.

    Audio/Video - Audio and video can be incorporated into your Canvas applications. Moving objects can create sounds and video images can be melded into other application objects. This is done without the use of any audio or video plugins.

    Gaming - Game developers have all to tools necessary to create compelling HTML5 Canvas games.

    Fun - Putting aside the technical aspects of Canvas ... it can be described as just plain fun. An HTML5 Canvas is a place where as a developer you can express your creative energies and as a user you can have expanded and enjoyable experiences.

    For a more details look at HTML5 Canvas, watch for my upcoming book: HTML5 Canvas for Dummies.

    PrintView Printer Friendly Version

    EmailEmail Article to Friend

    References (2)

    References allow you to track sources for this article, as well as articles that were written in response to this article.

    Reader Comments (1)

    The Canvas options are yes indeed a really great addon!

    January 17, 2013 | Unregistered CommenterCanvas

    PostPost a New Comment

    Enter your information below to add a new comment.

    My response is on my own website »
    Author Email (optional):
    Author URL (optional):
    Post:
     
    Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>