svg <path>命令的疑惑

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

阅读 618
评论
    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>

      撰写回答

      登录后参与交流、获取后续更新提醒

      相似问题
      推荐文章