SVG中的path元素


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/19/SVG%E4%B8%AD%E7%9A%84path%E5%85%83%E7%B4%A0/

摘要

本文主要讲述了:

  1. 作用
  2. attribute

正文

作用

绘制路径

<line><rect>等元素是<path>元素的语法糖。

attribute

d

路径定义

示例:

1
2
3
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
<path d="M 10 10 L 110 110 110 10 Z"/>
</svg>

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/19/SVG%E4%B8%AD%E7%9A%84path%E5%85%83%E7%B4%A0/


本文对你有帮助?请支持我


支付宝
微信