首页 > 解决方案 > svg 编程,坐标搞砸了

问题描述

我想用线条制作一个svg:

M 0,0 0,110 90,50 90,-40 z

这样我就可以使用 JavaScript 或 PHP 移动这些点。

我的问题是,我怎样才能理解哪个数字是哪个?我用inkscape尝试了这个,它似乎从每个坐标中删除了L,即使整个项目应该高于0,0点,最后一个也是-40。

坐标怎么突然倒转了?

我知道 M 是设置绝对点,L 也应该画线到绝对坐标,但事实并非如此。

d="M 0,0 L 0,110 L 90,50 L 90,120 z"

标签: phpsvginkscape

解决方案


L 是隐含的,即 M 之后的前两个数字是移动,但所有后续对都被解释为 L 命令

如果 moveto 后跟多对坐标,则后续对将被视为隐式 lineto 命令。


推荐阅读