美文网首页
FLEX实现图片、文字放大缩小

FLEX实现图片、文字放大缩小

作者: 向日葵族 | 来源:发表于2017-07-27 15:57 被阅读0次

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

privatevarrotateDeg:Number=0;

//鼠标滚动缩放

privatefunctionimgZoom(evt:MouseEvent):void

{

varp:Point =imgs.globalToLocal(newPoint(evt.stageX,evt.stageY));//指定以鼠标的所在位置 为中心 放大

varpt:Point =tf.globalToLocal(newPoint(evt.stageX,evt.stageY));

vartempMatrix:Matrix = imgs.transform.matrix;

vartempM:Matrix = tf.transform.matrix;

tempMatrix.translate(-p.x,-p.y);//1,限制放大缩小的上边框

tempM.translate(-p.x,-p.y);

if(evt.delta < 0)

{

tempMatrix.scale(0.9, 0.9);//向下滚动缩小

tempM.scale(0.9, 0.9);

}

else

{

tempMatrix.scale(1.1, 1.1);//向上滚动放大

tempM.scale(1.1, 1.1);

}

tempMatrix.translate(p.x,p.y);//1,限制放大缩小的下边框

tempM.translate(p.x,p.y);

imgs.transform.matrix = tempMatrix;

tf.transform.matrix = tempM;

rotateDeg = imgs.rotation;

}

]]>

-->

相关文章

  • FLEX实现图片、文字放大缩小

    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="lib...

  • iOS Swift 仿微信朋友圈实现图片点击放大查看

    效果图: 实现思路 scrollView 具有放大缩小的功能,实现图片的放大与缩小的思路就是将imageView放...

  • 基础1

    ⒈文字:移动文字使用左最上方箭头 ⒉按住alt 切换放大镜放大缩小 ⒊Ctrl 0在图片放大缩小的情况下最快恢复到...

  • 2017-07-10

    文字:移动文字使用左最上方箭头 按住alt 切换放大镜放大缩小 Ctrl 0在图片放大缩小的情况下最快恢复到在画布...

  • Axure教程:图片放大缩小制作步骤详解

    1、如何实现图片放大缩小效果:(1)鼠标移入图片时,图片尺寸放大,并将图片置顶;(2)鼠标移除图片时,图片恢复成原...

  • javascript案例

    1 图片的放大和缩小效果演示 1 图片的放大和缩小效果演示原理说明:图片逐渐放大和逐渐缩小是指在一定时间内图片发生...

  • 支持任意手势动作的图片

    效果预览 支持图片的放大缩小,旋转操作。 原理实现 先认识了解处理触摸事件的处理。 以双击的位置为中心进行放大缩小...

  • ImageMagick之图片缩放

    ImageMagick之图片缩放 利用ImageMagicK的convert命令,能很方便的实现图片的放大缩小,可...

  • CGAffineTransform

    问题:在做图片放大缩小的时候,因为需求是一张图片多次放大,缩小, 先用 放大:view.transform=CGA...

  • canvas中图片的放大缩小和移动

    项目需求中需要图片的放大、缩小、移动,和实现一个放大缩小的缩略条。在这里记录一下实现的方法。使用了 vue 和 k...

网友评论

      本文标题:FLEX实现图片、文字放大缩小

      本文链接:https://www.haomeiwen.com/subject/wyonkxtx.html