1. Вводная

Блог посвящен созданию простых приложений html5. В html5  имеется такой элемент как canvas, который предназначен для отрисовки растрового (пиксельного) изображения при помощи скриптов, в основном это javascrip.

В блоге обучающего материала будет минимальное количество. Постараюсь все представлять схематично.

Начнем, для подсветки кода буду использовать следующий скрипт
https://highlightjs.org/usage/ - вставка кода в блог

var a = 1;
var b = 2;

 Создадим канвас тегом <canvas>, ну и для наглядности  в css пропишем синюю границу:

Создать канвас можно скриптом javascript:

var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 512;
canvas.height = 480;
document.body.appendChild(canvas);