[源码下载]
积少成多Flash(6) - ActionScript 3.0 绘图之图形和转换
作者:webabcd
介绍
演示使用 Flash ActionScript 3.0 画一些基本的图形,以及对绘制的图形或其他可视对象做一些基本的转换
- 画图 - 通过 Shape 对象的 graphics 属性来执行矢量绘图命令
- 1、使用 lineStyle() 定义画图的线条样式
- 2、moveTo() - 设置当前绘画点;lineTo() - 以当前绘画点为起点,用当前定义的线条样式,画一条直线到目标点;curveTo() - 指定二次贝塞尔曲线的控制点和终点,从而完成曲线的绘制;drawRect() - 绘制矩形;drawCircle() - 绘制圆形;drawEllipse() - 绘制椭圆;
- 3、beginFill() 和 endFill() 用于填充他们之间所绘制的图形。如果是渐变填充则对应的方法是 beginGradientFill 和 endFill()
- 转换 - 通过设置对象的 transform.matrix 属性,对其做相应的转换
- Matrix.rotate() - 旋转的角度
- Matrix.translate() - 平移的距离
- Matrix.scale() - 缩放的比例
- Matrix.b - 将矩阵垂直倾斜
- Matrix.c - 将矩阵水平倾斜
1、画图
在 UI 上放置 8 个 Button
名称分别为:btnLine, btnCurve, btnRectangle, btnCircle, btnEllipse, btnLiner, btnRadial, btnClea
分别用于演示:画直线,画曲线,画矩形,画圆形,画椭圆,线性渐变填充,放射性渐变填充,清除图形
Main.as
2、转换
在 UI 上放置 3 个 Silder
分别名为:sliderScaleX, sliderScaleY, sliderRotate
分别用于演示 X 轴方向上的缩放,Y 轴方向上的缩放,旋转
再放置 2 个 Button
分别名为:btnMatrix, btnClearMatrix
分别用于演示仿射矩阵在图形转换上的应用,还原为对象的初始仿射矩阵转换
Main.as
OK
[源码下载]