时间戳

首页 > 解决方案 > "-" 登录 svg 路径

html - "-" 登录 svg 路径

问题描述

我尝试使用 svg 学习绘图和动画，以便在网络中使用它。我遇到了一些 svg 动画的例子，但我不理解 svg 代码的某些部分。例如

<svg width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="none">
  <path fill="none" d="M300-10c0,0,0,164,0,410c0,232,0,410,0,410"/>
</svg>

我不明白M300-10之类的部分。正如我在文档中读到的那样，M 意味着绝对移动到点，我们需要设置 X 和 Y 坐标

另一个例子

<svg width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="none">
  <path fill="none" d="M300-10c0,0,295,164,295,410c0,232-295,410-295,410"/>
</svg>

与“c0,232-295,410-295,410”相同 - 我不明白，232-295 和 410-295 是什么意思

如果有人向我解释这是什么意思，我将不胜感激。

标签： htmlsvg

解决方案

减号表示负数。

M300-10

移动到 x=300，y=-10

推荐阅读