基本图形和属性
·基本图形
<rect>矩形
<circle>圆形
<ellipse>椭圆
<line>直线
<polyline>折线
<polygon>多边形
补充:
<path>可以绘制任意图形
·基本属性
fill
stroke
stroke-width
transform
svg 基本图形和属性
基本图形
<rect> 矩形
<circle> 圆形
<ellipse> 椭圆
<line> 直线
<polyline> 折线
<polygon> 多边形
基本属性
fill 填充颜色、 stroke 描边颜色、 stroke-width 描边的粗细、transform 变形属性(后期会有详细介绍)
rect :
circle:
ellipse:
line:
polyline :
polygon :
基本图形
<rect> x,y,width,height,rx,ry
<circle> cx, cy, r
<ellipse> cx, cy, rx ry
<line> x1,y1,x2,y2
<polyline>points="x1 y1 x2 y2 x3 y3"
<polygon>points="x1 y1 x2 y2 x3 y3"
基本属性
fill, stroke, stroke-width, transform
矩形画图值
<polygon>多边形标签的用法
会自动把首尾两点连接
<polyline>折线标签的用法
<line>标签的用法
<ellipse>标签的用法
<circle>标签的用法
<rect>标签的用法
基本图形只有这6个标签
曲线是path来绘制 不在6个中
基本图形和基本属性