部分常用公示

角度弧度    2π弧度 == 360°

radians = degrees * Math.PI / 180

degrees = radians *180/Math.PI

像某一个点旋转

dx = mouse.x - object.x

dy = mouse.y - object.y

object.rotation = Math.atans(dy, dx)*180/Math.PI

创建波

(function drawFrame(){

window.requestAnimationFrame(drawFrame, canvas)

value = center + Math.sin(ang;e)*range

angle += speed

}())

创建圆

(function drawFrame(){

window.requestAnimationFrame(drawFrame, canvas)

xposition = centerX + Math.cos(angle)*radius

yposition = centerY + Math.sin(angle)*radius

angle += speed

}())

创建椭圆

(function drawFrame(){

window.requestAnimationFrame(drawFrame, canvas)

xposition = centerX + Math.cos(angle)*radiusX

yposition = centerY + Math.sin(angle)*radiusY

angle += speed

}())

组合三原色

color = red<<16 | green<<8|blue

提取三原色

red = color24>>16 & 0xff

green = color24>>8 & 0xff

blue = color24 & oxff

绘制一条穿越某个点的曲线

x1 = xt*2 - (x0+x2)/2

y1 = yt*2 - (y0+y2)/2

context.moveTo(x0, y0)

context.quadraticCurveTo(x1, y1, x2, y2)