ai125345623-CSDN博客

转载非零环绕

<canvas id="canvas" width="800" height="500" style="border:1px solid #666;display:block;margin:0 auto"> 当前浏览器不支持canvas，请更换浏览器后再试。</canvas>window.onload = function(){ ...

2017-10-30 23:23:00 152

转载 canvas裁剪

clip()，在画布内使用路径，只绘制该路径内所包含区域的图像，不会只路径外的图像。var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');context.arc(160,160,150,0,2*Math.PI);context.fillStyle =...

2017-10-12 23:19:00 116

转载 canvas图层

（1）globalAlpha 用于设置所有绘制的透明度，默认值为0。var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');context.fillStyle = 'rgba(280,187,188,1)';context.fillRect(10,10...

2017-10-11 23:28:00 299

转载 canvas阴影与渐变

1、阴影　　shadowColor 阴影颜色　　shadowOffsetX 阴影x轴的偏移量　　shadowOffsetY y轴偏移量　　shadowBlur 模糊像素var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');c...

2017-10-10 23:36:00 192

转载 canvas图形变换

为绘制上下文应用变换，会导致使用不同的变换矩阵应用处理，从而产生不同的结果。（1）rotate(angle)：围绕原点旋转图像angle弧度（弧度=角度乘以π后再除以180，角度=弧度除以π再乘以180）。正值表示顺时针方向旋转，负值表示逆时针方向旋转。var canvas = document.getElementById('canvas');var context =...

2017-10-03 23:23:00 86

转载 canvas绘制文本

1、绘制文本方法自带属性如以下：font：表示文本样式、大小及字体（context.font = font-style/font-variant/font-weight/font-size/font-family）；1、font-style：normal(默认) italic(斜体字);一套字体会为它的斜体设计一套专门的字形。 ...

2017-10-02 23:20:00 160

转载 canvas绘制路径

canvas通过路径可以创造出复杂的形状和线条。要绘制路径首先需要调用beginPath()方法，表示要开始绘制新路径。然后调用相应的方法来实际地绘制路径。1、arc(centerx,centery,radius,startingAngle,endingAngle,anticlosewise = false)　　以（x，y）为圆心，半径为radius，起始角度为startingA...

2017-09-30 23:56:00 156

转载 canvas基础知识

1、描边：只在图形的边缘画线。var canvas = document.getElementById('canvas');canvas.width = 800;//canvas宽canvas.height = 500;//canvas高var context = canvas.getContext('2d');//获取绘图上下文环境context.begin...

2017-09-29 23:03:00 102

转载 BOM（浏览器对象模型）

BOM提供了很多对象，用于访问浏览器的功能。1、window对象　　BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象既是javascript访问浏览器窗口的一个接口，又是ECMAScript规定的global对象。因此，全局变量是 window 对象的属性。全局函数是 window 对象的方法。注：定义全局变量与在window对象上直接定义...

2017-09-23 23:54:00 102

转载 javascript Math对象

Math（算数对象）执行常见的算数任务。1、Math对象的属性Math.E //自然对数的底数，即常量e的值Math.LN10 //10的自然对数Math.LN2 //2的自然对数Math.LOG2E //已2为底e的对数Math.LOG10E //已10为底e的对数Math.PI //π的值Math.SQRT1_2 //1/2的平方根（即2的平方根的...

2017-09-21 23:49:00 70

转载 HTML DOM的EventListener

1、addEventListener()方法　　用于向指定元素添加事件句柄。　　addEventListener()方法添加的事件句柄不会覆盖已存在的事件句柄。　　可以向任何DOM对象添加事件监听，向一个元素添加多个事件句柄，或向同个元素添加多个同类的事件句柄，如两个'click'事件。　　addEventListener() 方法可以更简单的控制事件（冒泡与捕获）。...

2017-09-20 23:26:00 209

转载 javascript闭包

在js高程中，闭包是指有权访问另一个函数作用域中的变量的函数。function createComparisonFunction(propertyName){ function compare(object1, object2){ var value1 = object1[propertyName]; var...

2017-09-19 23:30:00 86

转载 js函数的调用

javascript函数有四种调用方法，每种方式的不同在于this的初始化。1、作为一个函数调用，默认为全局对象。（this的值为全局对象）　　在 HTML 中默认的全局对象是 HTML 页面本身，所以函数是属于 HTML 页面。在浏览器中的页面对象是浏览器窗口(window 对象)。以上函数会自动变为 window 对象的函数。function myFunction(a...

2017-09-17 21:31:00 134

转载 javascript函数参数

js函数参数有显式参数（Parameters）即形参和隐式参数（Arguments）实参1、显式参数（Parameters）即形参在函数定义时列出。function functionName(parameter1, parameter2, parameter3){ //要执行的代码}2、隐式参数（Arguments）即实参在函数调用时传递给函数的真正的值...

2017-09-16 00:25:00 109

转载 js函数的定义

js函数可以通过以下三种方法定义1、使用关键字Function定义函数。2、可以通过声明定义。3、也可以是一个表达式。1、关键字Function定义（构造函数）var myFunction = new Function('a', 'b', 'return a * b');var x = myFunction(4, 3);实际不必使用构造函数（在j...

2017-09-13 23:37:00 172

转载 js作用域

作用域：　　JavaScript的函数作用域是指在在函数内声明的所有变量在函数体内始终是可见的，就是说只要变量在某一函数中声明了，变量在函数任意位置它都是有意义的。例1：function a(){ console.log(aa);//undefined var aa = 'haha'; console.log(aa);//haha}之所以是以上...

2017-09-11 23:02:00 73

转载正则表达式方法

什么是正则表达式？　　使用单个字符串来描述、匹配一系列·符合·某个句法规则的字符串搜索模式。搜索模式可用于文本搜索与文本替换。　　语法：/正则表达式主体/修饰符（例：var re = /search/i; search是主体，i是修饰符）。1、字符串方法（search()、replace()、match()、split()）search()方法，用于检索指定字符串的...

2017-09-10 23:26:00 116

转载 for-in

关于for-in循环（循环遍历对象的属性）for（keys in [object || array]）{}。（keys是一个变量，它可以是 object 的任一属性或 array 的任一元素下标）循环obj对象时，keys表示obj对象的每一个键值对的键（person = {name:'haha'}）即代表name，在函数中可以使用obj[keys]读取每个值。var per...

2017-09-10 16:31:00 65

转载关于this

关于this，this表示当前对象（谁调用指向谁）。1、如果在全局作用范围内使用this，则代表window。2、所有内置函数的回调函数，this指向window。（setTimeOut(func(){},1000)）。3、如果在函数中使用this，则根据运行时此函数在什么对象上被调用。4、apply/call/bind方法指向我们规定的对象，apply/call可以改变函数中this的...

2017-09-10 16:04:00 63

转载关于prototype、proto

　　在js中，自定义函数a()时，　　1、js内部会为函数a()添加一个原型（即prototype）属性及__proto__属性；　　2、并且为prototype（prototype本质上还是js的一个对象）添加一个constructor的属性，该属性始终指向创建当前对象的构造函数a()（即a.prototype.constructor == a()）。　　3、把a()作为自...

2017-09-09 16:05:00 94

ai125345623的博客