6
Tengo algunas imágenes dibujadas en un lienzo HTML5 y quiero comprobar si se presionan con el clic del mouse. Parece fácil, tengo los límites de las imágenes, sin embargo, las imágenes se transforman (traducidas y escaladas). Desafortunadamente, el contexto no tiene un método para obtener la matriz de transformación actual, y tampoco hay API para la multiplicación de matrices. Parece que la única solución es hacer un seguimiento de las transformaciones e implementar la multiplicación de matrices. Sugerencias son bienvenidas.HTML5 canvas hittesting
Después de pensar más, me di cuenta de que incluso si el contexto tuviera un método para obtener la matriz de transformación actual, no sería útil, ya que necesito la matriz de transformación de imagen haciendo clic y para entonces el contexto tiene una transformar. Lo que probablemente necesito es un gráfico de escena, implemente uno simple o use una biblioteca como Cake JS. –
No necesita matrices para traducir y escalar. Por ejemplo, para traducir y escalar una coordenada X del mouse, use newPointX = event.x * scaleX + translateX –
Gracias, tiene razón, en este caso no tengo que implementar la multiplicación de matrices. –