flex 截图

最新推荐文章于 2020-05-08 16:46:24 发布

最新推荐文章于 2020-05-08 16:46:24 发布 · 199 阅读

文章标签：

#Flex #Adobe #XML

Flex 专栏收录该内容

78 篇文章

订阅专栏

本文介绍了一个使用Flex实现的图像裁剪示例。通过引入第三方包DisplayObjectTransformer，可以实现从图片中裁剪出指定区域的功能。示例中包含了一个按钮点击事件，用于触发裁剪操作，并显示裁剪后的结果。

需要用到附件中的包。将包解压到flex工程的src目录下

源码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="403" height="497" applicationComplete="init();">
	<mx:Script>
		<![CDATA[
			import cn.riahome.transformer.DisplayObjectTransformer;
			import mx.core.UIComponent;
			import mx.core.FlexBitmap;
			private var cutOutShape:FlexBitmap;
			
			private function init(): void{
				cutOutShape = new FlexBitmap();
				var uic:UIComponent = new UIComponent();
				uic.addChild( cutOutShape );
				addChild( uic );
				uic.x = 10;
				uic.y = 330;
			}
			
			private function btnClick(): void{
				var x: int = cutCanvas.x;
				var y: int = cutCanvas.y;
				cutOutShape.bitmapData = DisplayObjectTransformer.cutOutRect( img, x, y, 100, 50, true, 0x00000000 );
			}
			
		]]>
	</mx:Script>
	<mx:Image source="../P1010550.JPG" alpha="1.0" height="299" width="401" id="img"/>
	<mx:Canvas x="146" y="132" id="cutCanvas" width="92" height="44" backgroundAlpha="1.0" cornerRadius="1" borderStyle="solid" themeColor="#000000">
	</mx:Canvas>
	<mx:Button x="10" y="307" label="Button" click="btnClick();"/>
	
</mx:Application>