1.0 KiB
1.0 KiB
title |
---|
Canvas |
HTML5 Canvas
Canvas is a technology introduced in HTML5 which can be accessed by the <canvas>
tag. It allows graphics to be drawn via Javascript, and is a powerful tool for interactivity on all modern web browsers. Learn how to draw shapes, manipulate photos, build games, and animate virtually anything following the links below!
Usage
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000111;"></canvas>
</body>
</html>
- In the above example, the
"id=myCanvas"
attribute is referred by JavaScript. - The
"width"
&"height"
attributes are necessary to define the size of the canvas. - By default,
<canvas>
element has no border & no content. So, to add a border we use the"style"
attribute. - We can have multiple
<canvas>
elements on one HTML page.