使用Flash创建可缩放矢量动画

# 1. 介绍

## 1.1 什么是矢量动画

矢量动画是一种利用数学公式来描述图像的动画形式。它使用了矢量图形进行绘制，因此无论放大还是缩小，图形都能保持清晰锐利。矢量动画通常用于制作动态图标、交互式图表、网络广告等，具有较小的文件尺寸和良好的可扩展性。

## 1.2 Flash和矢量动画的关系

## Flash基础知识

Flash是一款由Adobe开发的多媒体软件，可以用于创建矢量图形和动画。它被广泛应用于Web动画、交互式网页和游戏开发等领域。在本章节中，我们将介绍Flash的基础知识，包括其使用和功能，以及文件格式的概述。
### 3. 创建矢量图形
矢量图形是由直线和曲线组成的图形，在计算机图形学中被广泛应用。Flash提供了丰富的绘图工具，能够轻松创建各种矢量图形，并且支持对这些图形进行调整、添加颜色和样式等操作。

#### 3.1 使用Flash的绘图工具绘制形状
在Flash中，可以使用绘图工具（如笔刷、铅笔、橡皮擦等）来绘制各种形状，如直线、曲线、圆形、矩形等。以下是使用ActionScript 3.0绘制一个简单的矢量图形的示例代码：

import flash.display.Shape;

var shape:Shape = new Shape(); 
shape.graphics.beginFill(0xFF0000); // 设置填充颜色为红色
shape.graphics.drawRect(0, 0, 100, 100); // 绘制一个100x100的矩形
shape.graphics.endFill();
addChild(shape);

**代码说明：**
- 创建了一个`Shape`对象来代表矢量图形。
- 使用`graphics.beginFill`设置填充颜色。
- 使用`graphics.drawRect`绘制一个矩形。
- 使用`graphics.endFill`结束填充。

#### 3.2 调整矢量图形的尺寸和位置
在Flash中，可以通过修改矢量图形的属性来调整其尺寸和位置。例如，可以通过修改`x`和`y`属性来改变矢量图形的位置，通过修改`width`和`height`属性来改变矢量图形的尺寸。

shape.x = 200; // 修改矢量图形的水平位置
shape.y = 150; // 修改矢量图形的垂直位置
shape.scaleX = 2; // 水平方向放大两倍
shape.scaleY = 0.5; // 垂直方向缩小一半

#### 3.3 添加颜色和样式
Flash允许为矢量图形添加各种颜色和样式，如填充色、边框颜色、边框粗细等。下面是一个简单示例，演示如何利用Flash添加渐变填充效果：

var shape:Shape = new Shape();
var fillType:String = GradientType.LINEAR;
var colors:Array = [0xFF0000, 0x0000FF];
var alphas:Array = [1, 1];
var ratios:Array = [0, 255];
var matrix:Matrix = new Matrix();
matrix.createGradientBox(200, 200, 0, 0, 0);
shape.graphics.beginGradientFill(fillType, colors, alphas, ratios, matrix);
shape.graphics.drawRect(0, 0, 200, 200);
addChild(shape);

**代码说明：**
- 创建了一个渐变填充的矢量图形。
- 使用`Matrix`对象创建了渐变矩阵，用于控制渐变的方向和大小。
- 使用`graphics.beginGra