Animation 为什么可以';我不能使用绝对路径吗
使用大写字母(M,L)表示坐标是绝对坐标。在这条路径中,它指向绝对坐标100100Animation 为什么可以';我不能使用绝对路径吗,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> 设置矩形的动画。起点是
<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)将位于定义元素的位置。请参阅的“坐标系变换”部分,了解有关此的详细信息