ного экспериментирую с новым элементом canvas в HTML.

Я просто хочу добавить изображение на холст, но по какой-то причине это не работает.

У меня есть следующий код:

HTML

<canvas id="viewport"></canvas>

CSS

canvas#viewport { border: 1px solid white; width: 900px; }

JS

var canvas = document.getElementById('viewport'),
context = canvas.getContext('2d');

make_base();

function make_base()
{
  base_image = new Image();
  base_image.src = 'img/base.png';
  context.drawImage(base_image, 100, 100);
}

Изображение существует, и я не получаю ошибок JavaScript. Изображение просто не отображается.

Это должно быть что-то действительно простое, что я пропустил ...