lufy's legend

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 8628|回复: 9

浏览器缩放,画布同步缩放问题

[复制链接]

7

主题

0

好友

189

积分

士兵

Rank: 1

发表于 2018-5-14 16:11:00 |显示全部楼层
本帖最后由 zb0819 于 2018-5-14 16:16 编辑

大神,我有一个疑问,在浏览器窗口缩放的时候,为了让canvas同步缩放用了下面的js代码
window.onresize = function () {
        LGlobal.canvasObj.width = this.innerWidth;
        LGlobal.canvasObj.height = this.innerHeight;
    };

但是存在一个问题,每次缩放画布都会闪动一下,不知道是什么问题,有没有解决办法,或者其他的方法?
回复

使用道具 举报

37

主题

8

好友

9304

积分

诸侯王

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

发表于 2018-5-15 21:52:54 |显示全部楼层
利用引擎的LEvent.WINDOW_RESIZE事件应该可以解决这个问题,用法如下
http://lufylegend.com/api/zh_CN/ ... perty_WINDOW_RESIZE
不回答与技术和引擎不相关的问题
回复

使用道具 举报

7

主题

0

好友

189

积分

士兵

Rank: 1

发表于 2018-5-23 14:00:16 |显示全部楼层
lufy 发表于 2018-5-15 21:52
利用引擎的LEvent.WINDOW_RESIZE事件应该可以解决这个问题,用法如下
http://lufylegend.com/api/zh_CN/out ...

这个事件会导致图形变形是吗?
回复

使用道具 举报

37

主题

8

好友

9304

积分

诸侯王

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

发表于 2018-5-25 10:03:31 |显示全部楼层
zb0819 发表于 2018-5-23 14:00
这个事件会导致图形变形是吗?

他只是事件,你要做什么由你决定
不回答与技术和引擎不相关的问题
回复

使用道具 举报

7

主题

0

好友

189

积分

士兵

Rank: 1

发表于 2018-5-26 11:32:48 |显示全部楼层
lufy 发表于 2018-5-25 10:03
他只是事件,你要做什么由你决定

我没有表达清楚,我的意思是LEvent.WINDOW_RESIZE这个事件在浏览器窗口变化时,会导致画布上的图形发生变形。
回复

使用道具 举报

37

主题

8

好友

9304

积分

诸侯王

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

发表于 2018-5-27 21:38:16 |显示全部楼层
zb0819 发表于 2018-5-26 11:32
我没有表达清楚,我的意思是LEvent.WINDOW_RESIZE这个事件在浏览器窗口变化时,会导致画布上的图形发生变 ...

不会啊,要看你在LEvent.WINDOW_RESIZE的时候做了什么处理了,如果只是单纯的监听这个事件,没有写任何处理的话,是不会有你说的情况的
不回答与技术和引擎不相关的问题
回复

使用道具 举报

7

主题

0

好友

189

积分

士兵

Rank: 1

发表于 2018-5-29 11:11:44 |显示全部楼层
lufy 发表于 2018-5-27 21:38
不会啊,要看你在LEvent.WINDOW_RESIZE的时候做了什么处理了,如果只是单纯的监听这个事件,没有写任何处 ...

事件里改变了画布的大小
LGlobal.resize(window.innerWidth,window.innerHeight);
回复

使用道具 举报

7

主题

0

好友

189

积分

士兵

Rank: 1

发表于 2018-5-29 11:20:40 |显示全部楼层
lufy 发表于 2018-5-25 10:03
他只是事件,你要做什么由你决定

http://lufylegend.com/api/zh_CN/ ... perty_WINDOW_RESIZE
这个例子里在浏览器缩放的时候矩形的大小也会变化,我是想在浏览器缩放时保持图形的大小不变
回复

使用道具 举报

37

主题

8

好友

9304

积分

诸侯王

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

发表于 2018-5-29 11:51:51 |显示全部楼层
zb0819 发表于 2018-5-29 11:20
http://lufylegend.com/api/zh_CN/ ... perty_WINDOW_RESIZE
这个例子里在浏览器缩放的时候矩形的大小也 ...
  1.                         LInit(1000/60, "legend", window.innerWidth,window.innerHeight, main);
  2.                         var layer;
  3.                         function main () {
  4.                                 LGlobal.stageScale = LStageScaleMode.SHOW_ALL;
  5.                                 LSystem.screen(LStage.FULL_SCREEN);
  6.                                 layer = new LSprite();
  7.                                 addChild(layer);
  8.                                 update();
  9.                                 LGlobal.stage.addEventListener(LEvent.WINDOW_RESIZE,update);
  10.                         }
  11.                         function update(){
  12.                                 LGlobal.width = window.innerWidth;
  13.                                 LGlobal.height = window.innerHeight;
  14.                                 LGlobal.canvasObj.width  = LGlobal.width;
  15.                                 LGlobal.canvasObj.height  = LGlobal.height;
  16.                                 LSystem.screen(LStage.FULL_SCREEN);
  17.                                 layer.graphics.clear();
  18.                                 layer.graphics.drawRect(1, "#ff0000", [0, 0, 50, 50], true, "#880088");
  19.                                 layer.graphics.drawRect(1, "#ff0000", [LGlobal.width - 50, 0, 50, 50], true, "#880088");
  20.                                 layer.graphics.drawRect(1, "#ff0000", [0, LGlobal.height - 50, 50, 50], true, "#880088");
  21.                                 layer.graphics.drawRect(1, "#ff0000", [LGlobal.width - 50, LGlobal.height - 50, 50, 50], true, "#880088");
  22.                         }
复制代码
不回答与技术和引擎不相关的问题
回复

使用道具 举报

7

主题

0

好友

189

积分

士兵

Rank: 1

发表于 2018-5-29 13:54:40 |显示全部楼层
lufy 发表于 2018-5-29 11:51

多谢多谢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

防止垃圾广告,请填写任意字符

Archiver|lufy's legend

GMT+8, 2024-3-29 02:25 , Processed in 0.055285 second(s), 24 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部