Fatal编程技术网
  • animation/
  • Animation SVG动画、层和渲染顺序

Animation SVG动画、层和渲染顺序

animation svg

Animation SVG动画、层和渲染顺序,animation,svg,Animation,Svg,我有一个SVG，它是这样的： <svg> <g id='leftArm'> <shapes for upper arm> <circle id='leftShoulderPivot' /> <g id="leftForearm'> <shapes for lower arm> <circle id='leftElbowPivot' /> <circle id='left

我有一个SVG，它是这样的：

<svg>

<g id='leftArm'>
  <shapes for upper arm>
  <circle id='leftShoulderPivot' />
  <g id="leftForearm'>
    <shapes for lower arm>
    <circle id='leftElbowPivot' />
    <circle id='leftWristPivot' />
    <g id='leftHand'>
        <shapes for left hand>
    </g>
  </g>
</g>

<g id='torso'>
  <shapes>
</g>

</svg>



你的想法应该行得通。。。如下图所示。不会在IE中工作




路径{填充：无；笔划：#000；笔划宽度：.2；}
rect{fill:#999；}
#人{
动画：摇摆和交替无限；
}
#左上臂{
动画：上下交替无限；
变换原点：0%0%；
}
#左下臂{
动画：上下交替；
变换原点：0%0%；
}
#左臂{
动画：wave 1s轻松交替无限；
变换原点：100%0%；
}
@关键帧摆动{
0%{transform:translateX（0）；}
100%{transform:translateX（2px）；}
}
@上下关键帧{
0%{变换：旋转（-30度）}
100%{变换：旋转（30度）；}
}
@关键帧波浪{
0%{变换：旋转（-80度）}
100%{变换：旋转（20度）；}
}

使用多个组并对每个组应用相同的转换。考虑将枢轴向下移动到堆栈中…手腕的枢轴在手上。罗伯特，听起来好像有用！基本上有一个“后臂”组和一个“前臂”组，躯干介于两者之间，后臂中手臂的实际形状和前臂组中手的形状。听起来很好，谢谢！是的，实施了，效果很好。谢谢啊，误读了问题。。。你们想要手在前面，前臂在躯干后面。。。隐马尔可夫模型