2014年7月22日
canvas入门-3渐变方法
摘要： 1、canvas中渐变方式有2种：线性渐变和径向梯度渐变createLineGradient()createRadialGradient()addColorStop(var1,var2);var1 取值在0-1之间var2 是颜色值前面有讲述线性渐变的作用，渐变是一个渐变对象径向渐变方法create... 阅读全文
posted @ 2014-07-22 18:05 昊天翱翔 阅读(392) 评论(0) 推荐(0)
canvas入门-2路径、文字
摘要： 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 昊天翱翔 阅读(650) 评论(0) 推荐(0)
canvas入门-1三种填充方式、渐变、模式
摘要： 1、定义canvas的尺寸的时候最好用html的方式定义，用width和height的方式，用css会导致画布按照css设定的方式进行缩放，cavas内部是一个2d的渲染环境2、一个canvas对应一个2d的渲染环境，绘制图形的操作都是在2d渲染环境中进行的 一个简单的例子 在400... 阅读全文
posted @ 2014-07-22 17:20 昊天翱翔 阅读(1111) 评论(0) 推荐(0)
canvas入门-1
摘要： 1、定义canvas的尺寸的时候最好用html的方式定义，用width和height的方式，用css会导致画布按照css设定的方式进行缩放，cavas内部是一个2d的渲染环境2、一个canvas对应一个2d的渲染环境，绘制图形的操作都是在2d渲染环境中进行的 一个简单的例子 在400... 阅读全文
posted @ 2014-07-22 17:09 昊天翱翔 阅读(96) 评论(0) 推荐(0)