正在处理中按字符串将图像加载到画布

Loading image to canvas by string in processing

本文关键字:加载 图像 字符串 处理      更新时间:2023-09-26

这是全新的,我想尝试一下处理。

如何通过字符串输入将图像加载到画布?到目前为止,如果按键被按下,我已经设法加载了图像,例如:

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

让它通过一系列角色加载的过程是什么?即键入'badger'img=loadImage("badger.jpg");

期待收到回复。感谢

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

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