[]改变画布 样式的 宽高后 鼠标定位问题

请教下 我画布是1024 X 650 Laya.init(1024, 650 , WebGL);

我改变 宽度后 Render._mainCanvas.source.style.width = "100%" 自适应外部的DIV

但我画笔的定位 this.stage.mouseX 取不到正确位。这怎么处理?
 
如图,白色画布是1024 x 650  外层div 是 500 x 500 按照鼠标点下去的 位置。在白色画布中。应该有x = 900 多才合理
QQ图片20171115154423.png
已邀请:

liso009

赞同来自:

我的鼠标位置。点击在 白色区域的边边上 

ymsdandan

赞同来自:

你设置鼠标点击区域的宽高了么

liso009

赞同来自:

设置了 this.size(1024 , 650); 

Monica - 知识达人

赞同来自:

麻烦上传一个可以运行的例子吧,我们看下

liso009

赞同来自:

已上传例子文件。 例子中 画面尺寸是 1024x650 嵌入到网页中的一个500 x 500 div里  画布做了100%的自适应
 
我如何做到点击 页面中灰色框框 的边缘 返回相对画布的鼠标位置  

liso009

赞同来自:

那应该 用什么方法解决呢,我大概意思是 外面的div是给 页面缩放控制的,想不影响里面画布的尺寸,页鼠标点击在画布上时,会反映出画面的相对坐标
我这构思是 类似flash的概念,无论外面DIV怎么缩放。我里面鼠标的定位 是根据 画布的相对坐标

liso009

赞同来自:

QQ图片20171117120338.png

 

要回复问题请先

商务合作
商务合作