SVG animatetransform (Elements) 

animatetransform

animateTransform允许目标元件上的变换属性，由此允许动画控制平移，缩放，旋转和/或倾斜。

用法上下文

分类	动画元素
允许的内容	任意数量的以下元素，以任何顺序：描述性元素

例

<?xml version="1.0"?>
<svg width="120" height="120"  viewBox="0 0 120 120"
     xmlns="http://www./2000/svg" version="1.1"
     xmlns:xlink="http://www./1999/xlink" >

    <polygon points="60,30 90,90 30,90">
        <animateTransform attributeName="transform"
                          attributeType="XML"
                          type="rotate"
                          from="0 60 70"
                          to="360 60 70"
                          dur="10s"
                          repeatCount="indefinite"/>
    </polygon>
</svg>

示例

属性

全局属性

• Conditional processing attributes »

• Core attributes »

• Animation event attributes »

• Xlink attributes »

• Animation attribute target attributes »

• Animation timing attributes »

• Animation value attributes »

• Animation addition attributes »

• externalResourcesRequired

具体属性

• by

• from

• to

• type

DOM接口

这个元素实现了SVGAnimateTransformElement接口。

产品规格

Specification	Status	Comment
SVG Animations Level 2The definition of '<animateTransform>' in that specification.	Editor's Draft	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<animateTransform>' in that specification.	Recommendation	Initial definition

浏览器兼容性

Feature	Chrome	Firefox (Gecko)	IE	Opera	Safari
Basic support	(Yes)	(Yes)	No support	(Yes)	?

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	?	?	?	?	?

本文档系腾讯云云+社区成员共同维护，如有问题请联系 [e-mail]