В данном примере с помощью методов создания радиального градиента объекта canvas рисуются два шарика.
Собственно рисунок создается функцией initdraw(), указанной в качестве обработчика события onload для <body>.
Изменение масштаба:
Методы
createRadialGradient(x1, y1, радиус1, x2, y2, радиус2) — создает радиальный градиент;
addColorStop(позиция, цвет) — задает цвет в позиции (от 0 до 1); можно добавлять много цветов.