前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >laya 下以光标为中心缩放对象

laya 下以光标为中心缩放对象

作者头像
用户2434869
发布2019-01-28 15:37:37
5020
发布2019-01-28 15:37:37
举报
文章被收录于专栏:yl 成长笔记
代码语言:javascript
复制
  private MouseWheel(e: Laya.Event) {
        console.log("event");
        let currentSp = e.target as Laya.Sprite;
        let parentSp = currentSp.parent as Laya.Sprite;
        console.log("before scale");
        console.log(parentSp.mouseX, parentSp.mouseY);
        this.Zoom(currentSp, parentSp.mouseX, parentSp.mouseY, e.delta);
    }

    private Zoom(sp: Laya.Sprite, x: number, y: number, delta: number) {
        let oldScale = sp.scaleX;
        let scale = delta > 0 ? 1.1:1/1.1;
        let newScale = sp.scaleX * scale;
        // newScale = newScale < 0.1 ? 0.1 : (newScale > 5 ? 5 : newScale);
        // 获取在缩放比例下,光标相对偏移位置
  
        sp.x = sp.x - (x - sp.x) * (newScale - oldScale) / oldScale;
        sp.y = sp.y - (y - sp.y) * (newScale - oldScale) / oldScale;

        sp.scale(newScale, newScale);
    }
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档