Home |About Us |Contact Us |Site Map
Buttons & Menu Colors Create & Check Mailto A Pure CSS3 Slideshow Animations Encoding Fonts & Styles Footer Always Bottom Gradient Backgrounds Resizable Videos Horizontal Slide Show Resizable Slideshow JS Background Slideshow JS Slideshow, Vertical Menu JS Slideshow, Horizontal Menu Simple Canvas Code Editor Simple SVG Code Editor Unicode & HTML Code Universal Page Template jQuery Slide Show Some Paradigms of the Internet

Simple Canvas Code Editor

Canvas Banner

Canvas on the web

 Scalable Vector Graphics provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly. Canvas element can be used to draw graphics using with API. API has many methods to draw graphs, paths, images, circles and so on.

Canvas Reference

Technical Comparison of Canvas and SVG

 Some important differences between Canvas and SVG. (source_1source_2).

1. Script-based 1. DOM, document-based
2. Pixel operations 2. Vectors
3. Fast-paced games 3. User interfaces
4. Highly dynamic visualizations 4. Interactive animations
5. Resolution dependent5. Resolution independent
6. No support for event handlers6. Support for event handlers
7. Poor text rendering capabilities7. Best suited for applications with large rendering areas (Google Maps)
8. Best suited for graphic-intensive games where many objects are redrawn frequently8. Not suited for game applications. Slow rendering (anything that uses the DOM a lot will be slow).
9. For developers 9. For designers

Home |About Us |Contact Us |Site Map