Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation SVG动画、层和渲染顺序_Animation_Svg - Fatal编程技术网

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度);}
}

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