svg <path>命令的疑惑

udemy
  • 389

<path d="M10 10 H 90 V 90 H 10 L 10 10"/>
为什么能画出矩形呢?
clipboard.png
M10 10 是移动到(10,10)这个点,H90呢?是往右把,然后V90向下90,这时H10我就一脸懵逼了,怎么可能画出矩形呢?

回复
阅读 1.1k
1 个回答
✓ 已被采纳
  1. M10 10 : 移动到(10,10) --> 矩形的左上角
  2. H 90 : 从当前点画一条平行线,到90这个位置 --> 画了矩形的上边的边
  3. V 90 : 从当前点画一条垂直线,到90这个位置 --> 画了矩形的右侧的边
  4. H 10 :从当前点画一条平行线,到10这个位置 --> 画了矩形的底下的边
  5. L 10 10:从当前点画一条线段,到(10,10)这个位置 --> 画了矩形的左侧的边

参考链接:
svg之path详解
SVG <path>

宣传栏