El ejemplo de pellizco/zoom en MDN usando PointerEvent s parece bastante fácil, pero mirando un poco más de cerca, me pregunto sobre lo siguiente.

Si dos dedos que se tocan se mueven simultáneamente con una distancia fija, supongo que el navegador generará eventos de puntero intercalados para dos valores diferentes de PointerEvent.pointerId . Cuando el software procesa secuencialmente estos eventos, parece como si la distancia siguiera cambiando entre dos o tres valores, dependiendo de cómo se entreguen los eventos.

Por ejemplo, las coordenadas x para los dos punteros a y b podrían seguir una secuencia como a=0, b=100 para pointerdown y luego pointermove con a=3, b=103, b=106, a=6. Si calculo el delta para cada evento de movimiento del puntero, obtengo 97, 100, 103, 100 a pesar de que el usuario probablemente mueva dos dedos en paralelo.

¿Cómo se hace esto bien? ¿Necesito una espera mínima, como 10 ms, para eventos de puntero y agruparlos antes de procesarlos? ¿Necesito una histéresis de algún tipo?

Esto podría ser más sensato con eventos táctiles (no lo intenté), aunque realmente estaría interesado en soluciones basadas en eventos de puntero. Y estoy interesado en una solución algorítmica de Javascript simple, aunque un puntero a una biblioteca que lo haga bien acompañada de la esencia de la solución también estaría bien.