获取konva对象X,Y不是拖动后的pointerPosition
Get konva object X, Y not the pointerPosition after dragging
我正在使用konvajs创建盒子,双击进入数据库后可以拖动并保存x,y坐标ajax,这里是代码:
layer.on('dblclick','Group',function(evt){
var shape = evt.target;
var bin_code = shape.name();
var minibox = stage.findOne('#mbx_' + bin_code);
var group = stage.findOne('#grp_'+ bin_code);
$.ajax({
url: '/iwms/_update_bin_coord',
type: 'POST',
dataType: 'json',
data: JSON.stringify({'bin_code':bin_code,
'x': group.x(),
'y': group.y()}),
contentType: "application/json; charset=utf-8",
success: function(data){
}
});
layer.draw();
});
在我保存并重新加载浏览器后,坐标乘以 2,因此框没有保存在它应该保存的位置。我尝试将 x,y 划分为 2,如果我的框初始坐标为 0,0 则它有效,但如果我的框初始坐标最初不在 0,0 此 group.x() 和 group.y()给我最后一个坐标的绝对值
我现在解决了,通过在 https://konvajs.org/api/Konva.Node.html 中使用 absolutePosition() 而不是组对象的 x() 和 y() 因为 x() 和 y() 会 return 改变距离从原来的位置
我正在使用konvajs创建盒子,双击进入数据库后可以拖动并保存x,y坐标ajax,这里是代码:
layer.on('dblclick','Group',function(evt){
var shape = evt.target;
var bin_code = shape.name();
var minibox = stage.findOne('#mbx_' + bin_code);
var group = stage.findOne('#grp_'+ bin_code);
$.ajax({
url: '/iwms/_update_bin_coord',
type: 'POST',
dataType: 'json',
data: JSON.stringify({'bin_code':bin_code,
'x': group.x(),
'y': group.y()}),
contentType: "application/json; charset=utf-8",
success: function(data){
}
});
layer.draw();
});
在我保存并重新加载浏览器后,坐标乘以 2,因此框没有保存在它应该保存的位置。我尝试将 x,y 划分为 2,如果我的框初始坐标为 0,0 则它有效,但如果我的框初始坐标最初不在 0,0 此 group.x() 和 group.y()给我最后一个坐标的绝对值
我现在解决了,通过在 https://konvajs.org/api/Konva.Node.html 中使用 absolutePosition() 而不是组对象的 x() 和 y() 因为 x() 和 y() 会 return 改变距离从原来的位置