Estoy usando fabric JS 4.5 y necesito capturar el clic del mouse. Las coordenadas del clic del mouse podrían cambiar según el tamaño o el zoom del lienzo. Pude manejar el problema de cambio de tamaño pero me quedé atascado en el zoom.
Suponga que hago clic en el lienzo en el punto (x1,y1) en el nivel de zoom 1. Ahora, cuando hago zoom, el mismo punto ahora estaría en (x2, y2) . Quería convertir (x2, y2) a (x1, y1) . ¿Qué utilidades/funciones de tejido podría usar? En otras palabras, si conozco el nivel de zoom y el punto en el que hice clic, necesito convertir ese punto en un espacio donde el lienzo estaría en el zoom predeterminado (que es 1). Podemos suponer que el ancho y alto del lienzo es una constante (ya hemos resuelto los tamaños dinámicos). Esta conversión no es para representar ese punto, sino para enviarlo a una API
Consulte la documentación, las matrices de transformación y varias preguntas, pero no pude encontrar esto y mi experiencia en vecor no es sólida.
Exploré la funcionalidad getPointer e ignoreZoom pero eso no funcionó:
this.canvas.getPointer(event.e, true)