canvas和svg

1、canvas和svg简介:

canvas和svg是html5新增的标签，用于在页面上绘制图像，但是他们还是有很多的不同点的。

canvas的特点	svg的特点
绘制的是位图	绘制的矢量图(缩放不会失帧)
通过JavaScript来控制 进行绘制	可以用html绘制也可以用JavaScript绘制
主要用于网页游戏 动画等等	主要用于静态图像
不可以通过CSS设计宽高	可以通过CSS设置宽高

2、canvas和svg的属性和方法

canvas的属性和方法	说明
getContext(‘2d’)	获取画笔
fillStyle	设置填充的颜色
strokeStyle	设置边框的颜色
createLinearGradient()	创建线性渐变
createRadialGradient()	创建辐射性渐变
lineCap	设置线头末端的样式
lineJoin	设置两条线相交的拐角处样式
rect()	绘制矩形
fillRect()	绘制被填充的矩形
fill()	填充当前的