“——"登录 svg 路径 [英] "-" sign in svg path

问题描述

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

I try to learn drawing and animating with svg for using it in web. I met some examples of svg animation but I don't understand some parts of svg code. For example

<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 坐标

I don't understand such part as M300-10. As I read in docs M means absolute moving to dot and we need to set X and Y coords

另一个例子

<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 是什么意思

Same with "c0,232-295,410-295,410" - I don't understand, what means 232-295 and 410-295

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

I'll be grateful, if anybody explains me what does this means.

推荐答案

减号表示负数.

M300-10

移动到 x=300，y=-10

Move to x=300, y=-10

这篇关于“——"登录 svg 路径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！