11 2017 档案
摘要：1.html代码： 2.Js代码： 3，效果图：
阅读全文
摘要：1.html代码： 2.js代码：
阅读全文
摘要：1 2 3 4 5 Document 6 14 15 16 17 18 19 20 63 64
阅读全文
摘要：1 2 3 4 5 Document 6 14 15 16 17 18 19 20 49 50
阅读全文
摘要：1.线性径变：ctx.createLinearGradient()； 2.阴影： 3.径向渐变： 4.画布的移动，伸缩，旋转，透明度，状态的保存； 5.将canvas转成一个图片： 6.把canvas输出到另外一张图片上去；
阅读全文
摘要：绘制思路： 1.封装一个对象出来： 2.属性： width . height imgSr speed dir3.行为： render changeDir html文件： js文件：
阅读全文
摘要：第二种：通过构造函数创建对象，然后调用自己的方法；这里的this指向对象本身；也可说是函数的调用者； 第三种：通过构造器调用函数：this指向构造出来的对象；
阅读全文
摘要：1.通过构造函数来创建对象； 注意：尽量在原型中添加方法，在构造函数中添加属性，能够减少内存的占用，但是公共的属性和常量的值可以放到原型对象上去； 2，把函数及对象的属性参数化： 3.将参数对象化： 4，初始化封装
阅读全文
摘要：知识点回顾： 知识点1： measureText() 方法返回包含一个对象，该对象包含以像素计的指定字体宽度。 提示：如果您需要在文本向画布输出之前，就了解文本的宽度，那么请使用该方法。 JavaScript 语法：context.measureText(text).width; text是要测量的
阅读全文
摘要：new: 内部的原理：第1步： 在内存中开辟一块空间。第2步：创建一个新空对象。第3步： 把this 指向到这个空对象。第4步： 把空对象的 内部原型 指向构造函数的原型对象。第5步： 当构造函数执行完成后，如果么有return的话，那么把当前的空对象返回； 如果构造函数Fun有返回值则直接返回这个
阅读全文
摘要：1 2 3 4 5 Document 6 7 8 9 10 你的浏览器不支持canvas，请升级浏览器 11 12 向左 13 向右 14 向后 15 向前 16 17 52 53
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id="container"> <canvas id="cavsElem"> 你的浏览器不支持c
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id="container"> <canvas id="cavsElem"> 你的浏览器不支持c
阅读全文
摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>仿京东侧边栏</title> <style type="text/css"> *{ margin:0;padding:0; } ul{list-style: non
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id="container"> <canvas id="cavsElem"> 你的浏览器不支持c
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02Canvas案例-绘制表格</title></head><body><div id="container"> <canvas id="cavsElem"> 你的
阅读全文
