这篇博客总结了SVG的基本形状绘制，包括线段、矩形、圆角矩形、圆形、椭圆、多边形和折线，并介绍了SVG的两种判断点是否在多边形内的规则：nonezero和evenodd，同时探讨了笔画特性。
线段：<line x1=" " y1=" " x2=" " y2=" " style=" "/>
矩形：<rect x=" " y=" " width=" " height=" " style=" "/>
圆角矩形：<rect x=" " y=" " rx=" " ry=" " style=" "/>
圆形：<circle cx=" " cy=" " r=" " style=" "/>
椭圆形：<ellipse cx=" " cy=" " rx=" " ry=" " style=" " />
多边形：<polygon points=" " style=" "/>
折线：<polyline points=" " style=" "/> //注意需把fill设成none
SVG有两种判断某个点是否在多边形中的规则。分别对应fill-true属性的nonezero（默认值）和evenodd。其效果图分别如下：
最低0.47元/天 解锁文章
扫一扫
3538
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
