Article introduction of Wulin.com (www.vevb.com): Basic knowledge of Canvas elements in HTML5 and article collection.
Many new features have been introduced, one of the most exciting ones is the canvas element. HTML 5 canvas provides a way to draw graphics through JavaScript, which is simple to use but powerful. Each canvas element has a context (context) (think of as a page on a drawing board) where any shape can be drawn. The browser supports multiple canvas contexts and provides graphical drawing capabilities through different APIs. The API provides graphics drawing capabilities.
Since this element can be used to draw graphics, synthesize images in HTML pages through JavaScript, and also do some simple animations, it has certainly attracted much attention from the industry. Currently, the HTML5 specification is still in the draft stage, and it may take until 2010 to be officially released, but many browsers have already supported some HTML5 specifications. Currently, browsers that support canvas elements include Firefox3+, Safari4, Chrome 2.0+, etc., so when running the examples on this page, please make sure you are using one of the above browsers.
Most browsers support 2D canvas contexts - including Opera, Firefox, Konqueror and Safari. In addition, some versions of Opera also support 3D canvas, and firefox can also support 3D canvas through plug-ins. We can even use the <canvas> tag in IE and build compatibility canvas with open source JavaScript code (initiated by Google) based on IE's VML support. See:.
Collect articles about HTML5 Canvas for later use. Basic knowledge tutorial HTML5 Canvas Experiment HTML5 Canvas for Internet Explorer (how well does your browser support HTML5?)