25、JavaScript 图形与动画实战指南

JavaScript 图形与动画实战指南

1. 引言

在网页开发中，JavaScript 不仅能处理文本和表单，还能在图形、声音和插件方面发挥强大作用。本文将聚焦于 JavaScript 处理图形和创建动画展示的相关技术。

2. 动态图像的使用

在 W3C DOM 允许 JavaScript 更改网页任何部分之前，动态图像功能就已能实现图像的交换。这一技术至今仍被现代浏览器支持，是在 JavaScript 中处理图像最便捷且兼容的方式。

2.1 图像对象的操作

可以通过与每个图像关联的图像对象来动态更改图像。传统方法是使用 document.images 数组，该数组包含页面上定义的每个图像的项。在对象层次结构中，每个图像对象是文档对象的子对象。也可以使用 W3C DOM 为 <img> 标签中的图像分配 id 属性，然后使用 document.getElementById 查找该图像的对象。

图像对象具有以下属性：
| 属性 | 描述 |
| — | — |
| complete | 一个标志，指示图像是否已完全加载，布尔值（ true 或 false ） |
| height 和 width | 反映相应的图像属性，仅用于信息，不能动态更改图像大小 |
| hspace