在下面的例子中,我希望所有动画都同时执行。但是只有最后一个起作用。
<g>
<animateTransform attributeName="transform" attributeType="XML"
type="rotate" values="2 100 100; -1 100 100; 1 100 100; -0.5 100 100 0.5 100 100" begin="indefinite" dur="0.35s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
type="scale" values="1; 1.2; 1" begin="indefinite" dur="0.35s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
type="translate" values="0 0; -100 -100; 0; 0" begin="indefinite" dur="0.35s" fill="freeze" />
<image x="0" y="0" width="200" height="200" xlink:href="<?php echo $cck->getValue('project_icon'); ?>" />
</g>
JS触发了操作:
var animations = $( $this ).find( 'animateTransform' );
animations[0].beginElement();
animations[1].beginElement();
animations[2].beginElement();