將圖像加載到畫布的字符串處理中

Question

品牌新的這一點，並認爲我會給處理一個去。

如何通過字符串輸入將圖像加載到畫布上？到目前爲止，我已經成功地使圖像加載如果鍵被按下e.g：

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