摘要:
绘制线性渐变要用到:createLinearGradient,方法如:XXX.createLinearGradient(xStart,yStart,xEnd,yEnd);xStart为渐变起始地点的横坐标,yStart为渐变起始地点的纵坐标,xEnd为渐变结束地点的横坐标,yEnd为渐变起始地点的纵坐标。绘制完坐标后用addColorStop来设定渐变的颜色,方法如:XXX.addColorStop(offset,color);offset为所设定颜色离开渐变起点的偏移量,在0-1之间。color为绘制的颜色。 1 <!DOCTYPE html> 2 <meta charse 阅读全文
摘要:
canvas绘制圆形的思路:1、创建路径 XXX.beginpath();2、创建圆形的路径;3、关闭路径;XXX.closepath(); 路径不关闭也能绘制出图形4、设定绘制样式。创建圆形路径时需要用到对象的arc方法,方法定义如:XXX.arc(x,y,radius,startAngle,endAngle,anticlockwise)x为圆形起点的横坐标,y为圆形起点的纵坐标,radius为圆形半径,startAngle为开始角度,endAngle为结束角度,anticlockwise是否按顺时针方向进行绘制。 1 <!DOCTYPE html> 2 <meta cha 阅读全文