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>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏