使用document.getElementById（）在Rails中加载图像

Question

希望使用event.keyCode在Rails中将图像加载到HTML中。

HTML代码部分

var canvas = document.querySelector("canvas");

document.addEventListener('keydown', loadScreen);

canvas.width=640;

canvas.height=640;

var draw = canvas.getContext("2d");


loadScreen();



function loadScreen(event) {
var key = (event.keyCode);
if(key == 73)
{
InventoryScreen();
}
}


function InventoryScreen()
{
draw.fillStyle = "#D3D3D3";
draw.fillRect(50,50,100,80);
draw.fillRect(50,135,100,80);
draw.fillRect(50,220,100,80);
draw.fillRect(50,305,100,80);
draw.fillRect(50,390,100,80);
draw.fillRect(50,475,100,80);

draw.fillRect(495,50,100,80);
draw.fillRect(495,135,100,80);
draw.fillRect(495,220,100,80);
draw.fillRect(495,305,100,80);
draw.fillRect(495,390,100,80);
draw.fillRect(495,475,100,80);


draw.fillRect(155,50,335,505);

}

对应的Javscript代码

document.getElementById()

错误讯息：

  

没有路线匹配[GET]“/game/BlackJack/images/H3.gif”

图片位于<div id="dealersCards"> <span id = "D0"></span> <span id = "D1"></span> <span id = "D2"></span> <span id = "D3"></span> <span id = "D4"></span> <span id = "D5"></span> <span id = "D6"></span> <span id = "D7"></span> </div> 。