dart - 尝试通过单击并拖动Web组件来创建边界框

Question

我正在处理事件处理程序，并获取鼠标的开始和结束位置。

这样，我可以创建一个选择框。

我先从mousedown入手，然后存储当前位置:new Point(event.target.clientLeft, event.target.clientTop);，当我相应地设置选择div时，它似乎适用于该位置。

下一步是一切似乎都出错的地方。在mousemove事件中，我正在尝试获取鼠标的坐标，我是否可以使用差异来定义边界框的高度和宽度。似乎一切都取决于我创建的Web组件的坐标。

我应该怎么做？

我一直在尝试更多事件，试图获取鼠标的位置，但是我认为发生的事情是我的起点是引用我创建的Web组件，而不是绝对位置。

还有其他人想出如何正确执行此操作的方法，因为我一直在将内容设置为绝对值，但渲染不正确。

附带说明一下，如果我可以减去webcomponent的绝对位置，我认为它应该正确显示高度和宽度。

Answer 1

使用全局位置信息而不是目标相对位置可能会更轻松。您可以直接使用MouseEvent从event.screen获取全局定位点。