正在处理中按字符串将图像加载到画布
Loading image to canvas by string in processing
这是全新的,我想尝试一下处理。
如何通过字符串输入将图像加载到画布?到目前为止,如果按键被按下,我已经设法加载了图像,例如:
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);
}
};
相关文章:
- 如何在谷歌字体加载时显示加载图像
- 预加载图像并插入DOM
- 加载图像时加载图标
- 在页面启动期间加载图像
- 预加载图像image.onload脚本MVC
- 可以't在我的React组件中加载图像
- 加载图像后调整HTML画布的大小
- HTML/JS github页面项目没有't在使用firefox运行时加载图像或声音
- 错误:$injector:modulerr加载图像时模块处于角度
- 谷歌地图加载后隐藏加载图像
- 在照片查看器(Javascript和jQuery)中异步加载图像时可能出现错误
- 正在从字节数组加载图像内容
- 网页上已有tinymce加载图像列表
- 单击提交按钮后加载图像将冻结
- 如何使用Express'正确加载图像;s的静态中间件
- 使用jquery即时加载图像
- Html5画布使用JCanvasScript加载图像
- Javascript使用JCanvaScript在画布中加载图像
- 使用jquery/ajax显示加载图像
- ajax缓存false无法加载图像