svg使用path绘制路径

path通过将命令与坐标进行组合绘制图形。命令有M(moveTo):移动位置、L(lineTo):描绘直线、 C(curveTo):描绘曲线、A(arcTo):描绘圆弧 、Z:封闭路径

svg使用path绘制路径

<?xml version="1.0" standalone="no"?>

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

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

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

</svg>

你可能感兴趣的:(svg使用path绘制路径)