javascript - context.drawImage の動作がおかしい

Question

私は持っている：

<canvas id='canvas' width="300" height="409" style="border:2px solid darkblue" >
</canvas>

その後：

<script type="text/javascript">
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');
  var image = new Image();
  image.src = 'http://4.bp.blogspot.com/...-21+Kingfisher.JPG';
  alert(image.src);
  context.drawImage(image, 0, 0, 300, 400);
</script>

IE 10 では、画像は「予想される」ように描画されます。ただし、そのアラートステートメントを削除すると、絵が描かれません!

Chrome では、アラート ステートメントの有無にかかわらず、ローカル PC に画像が描画されません。

何が起こっている可能性がありますか？フィドルはこちら