Question

我不确定如何跟踪手指的动作，而是可以根据触摸的位置移动矩形。有人能指出我正确的方向吗？我对此事知之甚少。

function handleMove(touchEvent) { var rect = canvas.getBoundingClientRect(); 
var root = document.documentElement; var touchX = touchEvent.clientX-rect.left 
- root.scrollLeft; var touchY = touchEvent.clientY - rect.top - root.scrollTop; 
return { x:touchX, y:touchY }; }

Answer 1

链接中提到的Touch events保持当前指向位置。通过更改矩形实例的位置进行移动。类似于（伪代码）：

if object_id('dbo.vData') is not null drop view dbo.vData
go

create view dbo.vData
as

select 
    Version = row_number() over (partition by ExampleKey order by RID desc),
    ExampleKey,
    OtherProperty
from dbo.Data
go

select top 1000 *
from dbo.vData

然后，您的应用程序生命周期/渲染周期应确保正确绘制它，该周期应类似于：

读取当前世界属性（内存中的对象）
相应地绘画世界
根据用户要求更改世界属性然后回到步骤1。...

尝试阅读有关Animations(with interactions)和Double缓冲的更多信息，您可以通过查看this tutorial了解上述渲染周期的可能实现。

如何使用触摸事件跟踪手指的运动

1 个答案: