всем привет
надо загрузить картинку gfx.png, которая находится в той же папке что и html и вывести на канве
создаю объект <canvas>:
<canvas id="canvas" width="1200" height="200"></canvas>
<script>
var doc = document.getElementById("canvas")
var ctx = doc.getContext("2d")
img = document.createElement('img')
img.src = 'gfx.png'
</script>
браузер ничего не выводит
подскажите где ошибка?