第 14 章 使用 SVG DOM

确定元素的属性值

大部分情况下,每个属性都含有两个子属性

  • baseVal
  • animVal:只读的,当对象产生动画后会更新,因此它始终代表属性值的当前显示状态

它们两个包含自身数据的复杂对象,使得处理不同单位指定的属性值时更容易。以长度和角度为例,它们两个始终存储以用户单位保存的值(角度单位为度),不管在设定属性时使用的是什么单位

它们还包含了不同单位之间进行转换的方法

SVG 定义了一些自定义对象来表示不同的几何数据,下表列出了一些最重要的对象以及可进行的操作

SVG 接口方法

使用脚本操作 SVG 是,有时候希望能计算一些未在属性中直接定义的几何属性,使用 document.getElementById(id) 会返回一个对象,这个对象有很多有用的属性和方法可以进行计算和维护,不同类型的对象的属性和方法也不相同

下表列出了一些元素对应的接口的部分特性

Last Updated:
Contributors: af