SVG可缩放矢量图形：基础元素与应用场景.pdfVIP

SVG

ScalableVectorGraphics

可缩放⽮矢量量图形

应用场景

1.图表

2.图标3.动

效4.矢量图

应用场景

1.图表

2.图标icon

3.动效

4.矢量图

SVG元素

开始

宽度=“500px”高度=“

svg500px”/svg

SVG元素

开始

svgwidth=“500px”height=“500px”/svg

1.直线

linex1=100y1=100x2=200y2=00”/line

2.矩形

rectx=50y=50width=100height=100rx=10ry=20/rect

3.圆形

circler=50cx=220cy=100/circle

4.椭圆

椭圆rx=100ry=50cx=100cy=200/椭圆

1.直线

linex1=100y1=100x2=200y2=””00”/line

2.矩形