Estou experimentando um pouco o novo elemento de tela em HTM

Quero simplesmente adicionar uma imagem à tela, mas ela não funciona por algum motiv

Eu tenho o seguinte código

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);
}

A imagem existe e não recebo erros de JavaScript. A imagem simplesmente não aparece.

Deve ser algo realmente simples que eu perdi ...