Flex 图片放大缩小问题
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.effects.Zoom;
public var Ax:int = 1;
public var Ay:int = 1;
private var _zoom:Zoom;
public function mouseDown(event:MouseEvent):void{
Ax = (event.localX )* Number(hslider.value);
Ay = (event.localY )* Number(hslider.value);
this.addEventListener(MouseEvent.MOUSE_MOVE, mouseMove);
this.addEventListener(MouseEvent.MOUSE_UP, mouseUp);
}
public function mouseMove(event:MouseEvent):void{
img.x = event.stageX-Ax ;
img.y = event.stageY-Ay ;
}
public function mouseUp(event:MouseEvent):void{
this.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMove);
this.removeEventListener(MouseEvent.MOUSE_UP, mouseUp);
}
private function init():void
{
_zoom = new Zoom;
panel1.setStyle("borderAlpha", 0.7);
}
private function zoom():void
{
_zoom.stop();
_zoom.target = img;
_zoom.zoomHeightTo = hslider.value;
_zoom.zoomWidthTo = hslider.value;
_zoom.play();
}
]]>
</mx:Script>
<mx:Panel id="panel1" title="工作底图-总平面图" width="100%" height="100%" layout="absolute"
horizontalScrollPolicy="off" verticalScrollPolicy="off" fontSize="12" toolTip="按鼠标左键拖动图片">
<mx:ApplicationControlBar dock="true">
<mx:HSlider id="hslider" minimum="1" maximum="7" value="1"
liveDragging="true" change="zoom()" snapInterval="0.1"/>
<mx:Label text="" id="lbl"/>
</mx:ApplicationControlBar>
<mx:Image id="img" x="0" y="-100" source="assets/11.swf"
mouseDown="mouseDown(event)" />
</mx:Panel>
</mx:Application>
图片放大后，图片 x, y 坐标 没有显示在浏览器最左上角。 如何在 图片里， 加入热点提示， 就象 goole地图的建筑名称提示
页:
[1]