一点点............

今天接触了一下模块化,说实话并不懂,我相信慢慢我会理解,会懂,也能运用!而且我发现以前的有些知识也忘记了,都不知道该怎么运用,我们要时常去温习!老师教的并不是全部,有很多要自己去学!也可以多看一下有关这方面的书!

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

createPattern()

在指定的方向上重复指定的元素!进行填充,要注意的是:图片画入画布还需要图片加载完才行,所以img.onload函数必须使用,如果不用,当js加载完之后图片没有加载好,那么画布上就没有图片。但是上面为什么会是用get得到喃???

那是因为如果像上面说的那样,那么每次都要让图片加载出来才能做其他的事,所以这里就改变一下,每次要用到图片时就用get得到!这就体现了要封装代码,也就是模块化!

原文地址:https://www.cnblogs.com/watchmen/p/5011430.html