Fatal编程技术网
  • javascript/
  • Javascript 与使用animateMotion命令时一样，避免移动对象

Javascript 与使用animateMotion命令时一样，避免移动对象

javascript css html animation svg

Javascript 与使用animateMotion命令时一样，避免移动对象,javascript,css,html,animation,svg,Javascript,Css,Html,Animation,Svg,我创建了一个svg应用程序，其中三个对象沿曲线轨迹移动 移动时，黄色球不会翻转，因为它具有对称形状 某些区域中的另外两个对象被倒置 开始 停止 我不太确定这是否是您需要的。无论如何，我已经把芭蕾舞演员的路线放在0，0点的中心，这是我通常做的。请看一看 开始 停止 删除animateMotion元素上的“旋转”属性。@Robert Longson Thank you对象不会滚动，但不会跟踪移动方向。有些网站backwards@RobertLongson抱歉，我不明白你的意思，我添加了一个示

我创建了一个svg应用程序，其中三个对象沿曲线轨迹移动

移动时，黄色球不会翻转，因为它具有对称形状

某些区域中的另外两个对象被倒置


开始
停止
我不太确定这是否是您需要的。无论如何，我已经把芭蕾舞演员的路线放在0，0点的中心，这是我通常做的。请看一看


开始
停止
删除animateMotion元素上的“旋转”属性。@Robert Longson Thank you对象不会滚动，但不会跟踪移动方向。有些网站backwards@RobertLongson抱歉，我不明白你的意思，我添加了一个示例，显示删除
旋转属性后发生的情况
@RobertLongson我希望舞者的脸一直向前，不要翻滚。删除旋转属性可以做到这一点。或者你的意思是想在方向改变的点绕y轴翻转，如果是，将动画分解为多个部分，并设置变换比例（-1，1）以在反向部分翻转动画。动画应该明显面向水平运动的方向。因此，在动画的后半部分中，芭蕾舞演员应该是直立的，但面朝左侧。@enxaneta正如罗伯特所说的-在旅程的后半部分中，舞蹈演员应该向左看。我添加了另一个更新，其中我使用了
keyTimes
和
calcMode=“linear”
能够顺利翻转舞者。@enxaneta谢谢。你可以看无限美丽的演出@罗伯特·朗森·罗伯特，请把你的评论作为单独的回答。您的评论有助于找到解决方案。我认为答案将得到肯定的赞赏。