摘要: 1.html代码: 2.js代码: 阅读全文
posted @ 2017-11-29 11:37 前端极客 阅读(414) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Document 6 14 15 16 17 18 19 20 63 64 阅读全文
posted @ 2017-11-28 14:27 前端极客 阅读(414) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Document 6 14 15 16 17 18 19 20 49 50 阅读全文
posted @ 2017-11-28 13:56 前端极客 阅读(1112) 评论(0) 推荐(0) 编辑
摘要: 1.html语句: 2.js代码: 阅读全文
posted @ 2017-11-28 13:46 前端极客 阅读(676) 评论(0) 推荐(0) 编辑
摘要: html代码: JS代码: 阅读全文
posted @ 2017-11-28 13:03 前端极客 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 1.线性径变:ctx.createLinearGradient(); 2.阴影: 3.径向渐变: 4.画布的移动,伸缩,旋转,透明度,状态的保存; 5.将canvas转成一个图片: 6.把canvas输出到另外一张图片上去; 阅读全文
posted @ 2017-11-28 12:27 前端极客 阅读(383) 评论(0) 推荐(0) 编辑
摘要: 绘制思路: 1.封装一个对象出来: 2.属性: width . height imgSr speed dir3.行为: render changeDir html文件: js文件: 阅读全文
posted @ 2017-11-28 10:26 前端极客 阅读(1026) 评论(0) 推荐(0) 编辑
摘要: 第二种:通过构造函数创建对象,然后调用自己的方法;这里的this指向对象本身;也可说是函数的调用者; 第三种:通过构造器调用函数:this指向构造出来的对象; 阅读全文
posted @ 2017-11-28 09:53 前端极客 阅读(2844) 评论(0) 推荐(0) 编辑
摘要: 1.通过构造函数来创建对象; 注意:尽量在原型中添加方法,在构造函数中添加属性,能够减少内存的占用,但是公共的属性和常量的值可以放到原型对象上去; 2,把函数及对象的属性参数化: 3.将参数对象化: 4,初始化封装 阅读全文
posted @ 2017-11-28 09:30 前端极客 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 知识点回顾: 知识点1: measureText() 方法返回包含一个对象,该对象包含以像素计的指定字体宽度。 提示:如果您需要在文本向画布输出之前,就了解文本的宽度,那么请使用该方法。 JavaScript 语法:context.measureText(text).width; text是要测量的 阅读全文
posted @ 2017-11-28 08:53 前端极客 阅读(2076) 评论(0) 推荐(0) 编辑