6月6日

笔记 中村软件园 canvas

canvas的学习

主要内容

• 获得元素css样式中的值的方法
• 正则表达式
• json方法

gradient

线性渐变

方法：linearGradient()

• 注意起始点坐标问题
• 图片在加载过程中因为本身需要的带宽大，所以会被浏览器降低加载序列，一般会在最后加载

canvas经常用的几个地方

• 矩形
• 圆形
• 文字
• 渐变
• 图片

canvas位移

方法：translate(x,y)

该方法会重新定义原点坐标，造成的后果是后续的位移和变化的位置参考为位移之后的。

缩放scale

图形在缩放的同时，左边点也会发生改变。

旋转rotate(传入的单位是弧度）

一度等于多少弧算法:Math.PI /180
所以直接用一个度数与该算法相乘就会得到相应的弧度。

transform

矩阵
transform(a,b,c,d,e,f)