摘要: 1、canvas中渐变方式有2种:线性渐变和径向梯度渐变createLineGradient()createRadialGradient()addColorStop(var1,var2);var1 取值在0-1之间var2 是颜色值前面有讲述线性渐变的作用,渐变是一个渐变对象径向渐变方法create... 阅读全文
posted @ 2014-07-22 18:05 昊天翱翔 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 1、canvas是一个二维网格坐标系2、canvas路径 arc()的使用方法:context.arc(x,y,r,sAngle,eAngle,counterclockwise);参数描述x圆的中心的 x 坐标。y圆的中心的 y 坐标。r圆的半径。sAngle起始角,以弧度计(弧的圆形的三点钟位置... 阅读全文
posted @ 2014-07-22 17:48 昊天翱翔 阅读(627) 评论(0) 推荐(0) 编辑
摘要: 1、定义canvas的尺寸的时候最好用html的方式定义,用width和height的方式,用css会导致画布按照css设定的方式进行缩放,cavas内部是一个2d的渲染环境2、一个canvas对应一个2d的渲染环境,绘制图形的操作都是在2d渲染环境中进行的 一个简单的例子 在400... 阅读全文
posted @ 2014-07-22 17:20 昊天翱翔 阅读(1078) 评论(0) 推荐(0) 编辑
摘要: 1、定义canvas的尺寸的时候最好用html的方式定义,用width和height的方式,用css会导致画布按照css设定的方式进行缩放,cavas内部是一个2d的渲染环境2、一个canvas对应一个2d的渲染环境,绘制图形的操作都是在2d渲染环境中进行的 一个简单的例子 在400... 阅读全文
posted @ 2014-07-22 17:09 昊天翱翔 阅读(95) 评论(0) 推荐(0) 编辑