按钮点击的位置发生偏移

CCQ

<div style="padding: 50px 0px;height:100vh">
		 <div style="position: relative">
		 		<div id="mylayaCanvas" ></div>
		 </div>
	 </div>

如代码所示指定layacanvas外包两层div 样式如代码这样设置后发生点击的范围跟实际按钮展示的范围发生偏移如图片所示红框才是点击的范围有没有什么解决办法，不改源码的话。用的版本是1.7.18

Laya_XS

你可以通过
var matrix = Laya.stage.get_transform();
第一个方法:
matrix.tx += 100;//水平方向移动;
matrix.ty += 100;//垂直方向移动;

第二个方法:
matrix.translate('水平方向移动','垂直方向移动');

CCQ

Laya_XS 这个方法有试过了是移动舞台的位置，但是项目用到的ui框架vuetify 父级div样式position: relative 这个没办法去更改

CCQ

Laya_XS 项目是想做成一个插件型的位置不固定由上一级的dom元素来确定位置如果只是单纯的改动舞台位置会比较不那么通用

Laya_XS

Laya_XS 你的问题给简单的demo环境吧，我们帮你看下

Laya_XS

Laya_XS @Laya_XS:把你的demo的目的描述清楚即可

kura

canvas定位后点击区域偏移 - layabox问答社区-HTML5引擎社区-LayaAir开发者社区第一个回答解决了这个问题
如果是根据父级div定位可以通过
var target=document.getElementById('div-id');
this._point.setTo((e.pageX || e.clientX)-target.offsetLeft,( e.pageY || e.clientY)-target.offsetTop);