今天接触了一下模块化,说实话并不懂,我相信慢慢我会理解,会懂,也能运用!而且我发现以前的有些知识也忘记了,都不知道该怎么运用,我们要时常去温习!老师教的并不是全部,有很多要自己去学!也可以多看一下有关这方面的书!
resources.load([
"images/terrain.png",
"images/sprites.png"
]);
resources.onReady(init);
function init(){
var terrain = ctx.createPattern(resources.get("images/terrain.png"),"repeat");
ctx.fillStyle = terrain;
ctx.fillRect(0,0,canvas.width,canvas.height);
}
在指定的方向上重复指定的元素!进行填充,要注意的是:图片画入画布还需要图片加载完才行,所以img.onload函数必须使用,如果不用,当js加载完之后图片没有加载好,那么画布上就没有图片。但是上面为什么会是用get得到喃???
那是因为如果像上面说的那样,那么每次都要让图片加载出来才能做其他的事,所以这里就改变一下,每次要用到图片时就用get得到!这就体现了要封装代码,也就是模块化!
时间: 2024-12-21 09:33:03