MENU

CANVAS

In an HTML document, we can draw 2D graphics using the <canvas> element and JavaScript. Games have been developed with 2D Canvas. While a canvas lacks many SVG features like the filters and event-driven interactivity, a canvas provides per-pixel control of the graphic.

SVG is faster when rendering large objects, but slower when rendering many objects. Additionally, a canvas allows you to display the webcam capture, thereby letting you take and save a photo with it.

The upper-left corner of the canvas has the co-ordinates (0,0). All lengths are expressed in pixels. Colors can be specified in the same ways as CSS.