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

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

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

一点点............相关推荐

【Open Search产品评测】－－淘点点：基于OpenSearch，轻松实现一整套O2O类
2019独角兽企业重金招聘Python工程师标准>>> [Open Search产品评测]-- 淘点点:基于OpenSearch,轻松实现一整套O2O类搜索解决方案 [使用背 ...
前端问题多行点点点的问题
//点点点获取字符串实际长度(汉字2,英文1,点占0.7)function get_strlength(str) { var len = 0;if(str.match(/[^ -~]/g) == nu ...
关于蹭网的一点点感想
最近宿舍的一个家伙成功的破解了宿舍楼附近的一个无线网络,毫不客气的开始了蹭网生涯,虽然网速不佳,也不敢太嚣张的占用网络资源,但是本人还是有一点点感想,和一些观点. 时下破解无线路由的文章在网络上铺天盖 ...
如何做好SOC的一点点体会
国庆节之前的9月27日,本人有幸与业内人士一同探讨了SOC这个有趣的话题.经过这次交流,我有一点点关于如何做好SOC的体会: 要做出一个SOC类项目,光有SOC技术平台还是不够的,现在很重要并且很急迫 ...
每天一点点之vue框架开发 - axios解决跨越问题
每天一点点之vue框架开发 - axios解决跨越问题参考文章: (1)每天一点点之vue框架开发 - axios解决跨越问题 (2)https://www.cnblogs.com/cap-rq/p ...
弹幕炸了！OpenAI直播大秀语音指挥AI自动编程，也就比老罗TNT强亿点点
金磊梦晨明敏发自凹非寺量子位报道 | 公众号 QbitAI 刚刚,OpenAI又玩出了一个新高度. 只输入自然语句,AI就自动做了个小游戏! 划重点:不! 用! 你! 编! 程! 来,感受 ...
微软协同安卓推出新功能，网友：有苹果一点点的体验了
乾明发自凹非寺量子位报道 | 公众号 QbitAI 微软正在通过各种方法来提升Windows系统的功能性和可用性. 最新的动向,是全面放出名为Your Phone的应用程序,中文名你的手机. ...
css3效果： animate实现点点点loading动画效果（一）
实现如图所示的点点点loading效果: 一:CSS3 animation实现代码 html代码: 提交订单中<span class="ani_dot">...< ...
对Thrift的一点点理解
对Thrift的一点点理解这是一篇学习Thrift的笔记,包含了这样几点内容: 简单介绍Thrift 怎样使用Thrift Thrift整体架构 Thrift中的知识点 struct可以设置默认值 ...
swiper 定义放多少张图片,小程序swiper轮播图，自定义样式，两种方法：原生方法和bindchange方法；将点点改为数字（当前第几张 /总共几张）;点击点点跳转当前图片...
一.点点部分 1.1.通过原生方法 (1)wxml文件 (2)wxss /* 轮播图部分 */ .swiperBar { width: 690rpx; height: 337rpx; margin: ...

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

一点点............相关推荐

最新文章

热门文章