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

标签：

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

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得到！这就体现了要封装代码，也就是模块化！

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

标签：

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