이미지를 캔버스에 문자열로 처리하여 처리합니다.

Question

브랜드가 새롭고 가공을 해줄 것이라고 생각했습니다.

이미지를 캔버스에 문자열 입력으로로드하려면 어떻게해야합니까?

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

은 무엇 문자의 시리즈를 통해로드 만드는 과정이 될 것입니다 : 지금까지 나는 키가 예컨대 누르면 이미지의 하중을 관리해야? 유형 '오소리'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); 
    } 
};