Так надо еще эту картинку на канву вывести
var doc = document.getElementById("canvas");
var ctx = doc.getContext("2d");
img = document.createElement('img');
img.src = 'gfx.png';
img.decode().then (() => ctx.drawImage(img, 0,0));
У drawImage есть разные формы вызова, с разными параметрами.
Какие нужны, см тут
https://developer.mozilla.org/ru/doc...xt2D/drawImage