《Image Effects 》第一章学习笔记（2）

  现在有一些时间，继续把之前那本英语书As图像处理写一下记录。在Image Effect 第一章里面是主要介绍几种Api的不同功能，并演示了不同API的的做法。现在开始，粘贴上第一个书里面的编码。

 

 1。绘制一条直线，主要使用的API 包括moveTo 和 lineTo 、lineStyle，clear这四个函数。

moveTo 和lineTo 都有两个参数，而两个参数都是记录坐标点。（x，y）

 

moveTo（x:Number,y:Number）:void;

 

moveTo这个函数就像一支笔，一开始绘制画面的落脚点。

lineTo（x：Number，y：Number）：void// 绘制一条直线，从笔的当前点，到一个新的点。

 

lineStyle(.....)这个函数，可以设置线条的样式。包括颜色，透明度，粗细等方式。

 

clear（）：void 清除画面

 

在这本书第一个程序当中，我们可以使用鼠标来绘制不同的线条。这些线条会产生不同的颜色。当鼠标按下去的时候，就像一支笔那样进行绘制。当放开鼠标的时候，线条就会结束。通过简单鼠标交互。就能编写出一个画线的程序了。

 

下面是源代码：可以到

http://www.friendsofed.com/downloads.html  这个网站下载到这本书给出的内容。

 

 

  package {import flash.display.Shape;import flash.display.Sprite;import flash.events.MouseEvent;import flash.geom.Point;[SWF(width=550, height=400, backgroundColor=0xFFFFFF)]/*** Demonstrates how to draw straight lines with the drawing API.*/public class DrawingStraightLines extends Sprite {private var _currentShape:Shape;private var _color:uint;private var _startPosition:Point;/*** Constructor. Sets up listeners for mouse events.*/// 在构造函数里面，建立起鼠标事件的监听public function DrawingStraightLines() {stage.addEventListener(MouseEvent.MOUSE_DOWN, onStageMouseDown);stage.addEventListener(MouseEvent.MOUSE_UP, onStageMouseUp);}/*** Draws a line from the start position to the current mouse position.*///绘制直线private function drawLine():void {_currentShape.graphics.clear();_currentShape.graphics.lineStyle(3, _color);_currentShape.graphics.moveTo(_startPosition.x, _startPosition.y);_currentShape.graphics.lineTo(stage.mouseX, stage.mouseY);}/*** Handler for when the stage is clicked. This creates a new shape for the current line,* saves the starting posiiton and sets up a listener for when the mouse moves.** @param event Event dispatched by the stage.*///鼠标按下的时候记录该鼠标的点和随机设置线条的颜色private function onStageMouseDown(event:MouseEvent):void {_color = Math.random()*0xFFFFFF;_currentShape = new Shape();addChild(_currentShape);_startPosition = new Point(stage.mouseX, stage.mouseY);stage.addEventListener(MouseEvent.MOUSE_MOVE, onStageMouseMove);}/*** Handler for when the mouse is released. This removes the listener for when the mouse moves.** @param event Event dispatched by the stage.*///鼠标不按下的时候，取消鼠标移动的监听private function onStageMouseUp(event:MouseEvent):void {stage.removeEventListener(MouseEvent.MOUSE_MOVE, onStageMouseMove);}/*** Handler for when the mouse moves. This updates the drawn line based on the current mouse position.** @param event Event dipsatched by the stage.*///鼠标移动的时候进行拖动绘制曲线private function onStageMouseMove(event:MouseEvent):void {drawLine();event.updateAfterEvent();}}}

 

下面就是一副使用绘制线条画出的效果。不是直接的结果。通过这个程序，我们主要是了解以上四种的API的功能。组合我们希望的程序。

 

 

下面接下去，继续探讨第一章的内容。