关于window.resize时canvas的坐标问题

Loongcc

之前用lufylegend做了一个全屏显示的地图，鼠标经过和鼠标停留都触发不一样的事件。本来已经OK的了。但是客户突然说，如果浏览器一开始是缩小的，全屏或者去拉伸浏览器的宽高，地图就没有跟着变化。   

我去看了API，貌似没有可以直接改变创建好的画布的宽高的。用LGlobal.resize(width,height)的话，地图是会变形的（后面是一个大图）。后来试着在resize的时候用attr去改变canvas的宽高，除了页面会闪烁之外，地图不变形了，但是坐标貌似就出错了。鼠标明明停留在山西那块区域，结果显示的却是甘肃，貌似还是根据初始化时的宽高去改变的，而没有根据resize之后的宽高去变化。
实在不知道怎么在resize的时候改变canvas里面跟宽高有关的东西了。

lufy

邮件已经回复你了

Loongcc

lufy 发表于 2016-9-8 08:04
邮件已经回复你了

首先谢谢你的回复。
我刚才看了一下例子，好像WINDOW_RESIZE也是有导致变形的哦。明明是50*50的正方形，在resize之后，都有所变形，感觉layer.graphics.clear();没有起效的样子。

lufy

Loongcc 发表于 2016-9-8 09:03
首先谢谢你的回复。
我刚才看了一下例子，好像WINDOW_RESIZE也是有导致变形的哦。明明是50*50的正方形， ...

知道你的需求了
http://lufylegend.com/demo/test/141.html
这里有个例子，虽然不是你要的，但是里面有改变canvas大小的方法
注意里面我加了手机判定，所以你可以用浏览器模拟手机，然后改变模拟屏幕的大小来测试一下看看效果
具体方法，你看一下代码，
有不明白的可以继续回帖