svg使用path绘制路径

来源:互联网 发布:软件下载平台 编辑:程序博客网 时间:2024/04/29 00:36
path通过将命令与坐标进行组合绘制图形。命令有M(moveTo):移动位置、L(lineTo):描绘直线、C(curveTo):描绘曲线、A(arcTo):描绘圆弧、Z:封闭路径

svg使用path绘制路径

<?xmlversion="1.0" standalone="no"?>

<!DOCTYPE svgPUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svgwidth="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<path d="M100,0L41.22,180.90 L195.10,69.09 L4.89,69.09 L158.77,180.90 z"stroke="none" fill="skyblue"/>

</svg>

0 0
原创粉丝点击