Animation 为什么可以';我不能使用绝对路径吗

Animation 为什么可以';我不能使用绝对路径吗,animation,svg,path,jquery-animate,Animation,Svg,Path,Jquery Animate,使用大写字母(M,L)表示坐标是绝对坐标。在这条路径中,它指向绝对坐标100100 <rect x="200" y="0" width="30" height="15" style="stroke: #ff0000;"> <animateMotion path="M0,0 L100,100" begin="0s" dur="1s" repeatCount="indefinite" /> </rect> 设置矩形的动画。起点是

使用大写字母(M,L)表示坐标是绝对坐标。在这条路径中,它指向绝对坐标100100

  <rect x="200" y="0" width="30" height="15" style="stroke: #ff0000;">
          <animateMotion path="M0,0 L100,100" begin="0s" dur="1s" repeatCount="indefinite" />
  </rect>  

设置矩形的动画。起点是200,0。如果移动到100100,则应向下向左移动。事实并非如此。它向右移动。发生什么事了

(我的目标是创建一个在一系列绝对坐标中移动的动画,并根据用户输入动态删除坐标,而不会中断后续动画。因此我需要使用绝对坐标。)


因此,如果您希望对象从0,0开始设置
x=“0”
而不是
x=“200”

如果您希望坐标系的原点设置为(0,0),则应将
rect
元素定义为(0,0)或
x=“0”y=“0”
。在此之后,为您的动画情感定义
path=“M200,0 L100100”
将达到您想要的效果

这是因为SVG变换的坐标系默认以变换元素为中心,因此坐标(0,0)将位于定义元素的位置。请参阅的“坐标系变换”部分,了解有关此的详细信息