html5 canvas
Canvas用在网页上画图,使用javascript实现。Canvas是一个矩形,可以按要求控制上面的像素。可以画线、矩形、圆或者图像。
getContext(“2d”)是html5的一个内建对象,可以用来画图。
画图的思路:
获取到指定要画图元素;
获取context对象;
画矩形:
设置矩形的开始点和长宽;
设计矩形颜色;
填充矩形;
画线:
moveTo();//定义路径
lineTo();//定义路径
stroke();//描边,描绘路径
画圆:
beginPath();//画布开始
arc()设置原点、半径、转动角度和方向
closePath()结束画布
fill()填充圆
渐变:
CreateLinearGradient()创建渐变区域,渐变的起点和终点
addColorStop(0,)将渐变的起点和终点看做0到1,设置渐变区域
addColorStop(0,)将渐变的起点和终点看做0到1,设置渐变区域
fillStyle//设置填充类型
fillRect()填充区域。
画图:
image=new image();//新建图象
image.src="";//图象的路径
drawImage();//画图
http://jingpin.jikexueyuan.com/article/7728.html
https://blog.csdn.net/dotnet25/article/details/42492379