25、JavaScript 图形与动画应用指南

JavaScript 图形与动画应用指南

1. 引言

在网页开发中，JavaScript 不仅可用于处理文本和表单，还能在图形、声音和插件方面发挥强大作用。本文将聚焦于 JavaScript 在图形处理和动画展示方面的应用，涵盖动态图像的使用、翻转效果的创建以及图片幻灯片的制作等内容。

2. 动态图像的使用

2.1 图像对象的操作

在 JavaScript 中，可通过与每个图像关联的图像对象来动态更改图像。传统方法是使用 document.images 数组，该数组包含页面上定义的每个图像的项。在对象层次结构中，每个图像对象都是文档对象的子对象。

也可以使用 W3C DOM 为 <img> 标签中的图像分配 id 属性，然后使用 document.getElementById 查找该图像的对象。图像对象具有以下属性：
| 属性 | 描述 |
| ---- | ---- |
| complete | 一个标志，指示图像是否已完全加载，布尔值（ true 或 false ） |
| height 和 width | 反映相应的图像属性，仅用于信息显示，不能动态更改图像大小 |
| hspace 和 vspace | 表示相应的图像属性，定义图像在页面上