API canvas (холст) позволяет рисовать графические элементы, выводить на экран изображения из файла, анимировать и обрабатывать рисунки и текст. Используя его совместно с другими API можно создавать двухмерные и даже трехмерные игры для Сети.
Элемент создает пустой прямоугольник, внутри которого визуализируются результаты применения методов рисования.
<html lang="en"> <head> <title>Canvas API</title> <script src="canvas.js"></script> </head> <body> <section id="canvasbox"> <canvas id="canvas" width="500" height="300"></canvas> </section> </body> </html>
В файле canvas.js подготовим холст к рисованию
function initiate(){
var elem = document.getElementById('canvas');
var canvas = elem.getContext('2d');
}
addEventListener("load", initiate);