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

Question

对此是全新的，我想我可以试试处理。

如何通过字符串输入获取要加载到 Canvas 上的图像？到目前为止，如果按下键，我已经设法加载图像，例如:

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);
    }
};