javascript - 在处理中通过字符串将图像加载到画布

Question

对此全新，并认为我会尝试处理。

如何通过字符串输入将图像加载到画布？到目前为止，如果按下键，我已经设法加载图像，例如：

if (key == 't' || key == 't') {
img=loadImage ("thebarleymow.jpg");
image(img,0,200);
}
}

通过一系列字符加载它的过程是什么？即键入'badger' img=loadImage ("badger.jpg");

期待回音。谢谢

Answer 1

这是一个粗略的代码示例。
每当用户输入正确的图像名称时，图像就会被加载。
我希望这将有所帮助。

var target = "badger";
var inputs = [];
document.onkeydown = function (e){  
    e = e || window.event; // for InternetExplorer
    inputs.push(String.fromCharCode(e.keyCode));
    var testStr = inputs.join("");
    if (target.substr(0,inputs.length).toUpperCase() !== testStr){
        inputs = [];
        return;
    }
    if(testStr.length === target.length){
        //console.log("you inputed image name!");
        img=loadImage (target + ".jpg");
        image(img,0,200);
    }
};