He estado jugando con un programa Javascript que se compone de un HTML5 Canvas que se puede desplazar y ampliar. También se puede agregar texto y se genera inicialmente un cuadro delimitador para él. Tengo el programa para dar cuenta de las transformaciones panorámicas, pero no puedo hacer que el cuadro delimitador tenga en cuenta el escalado/acercamiento y alejamiento. El cuadro delimitador inicial tampoco es perfecto, aunque funciona cuando intentas hacer clic y arrastrar el texto, está bastante desviado.

Por favor, ayúdame a descubrir cómo solucionar estos problemas.

Aquí está el programa: https://jsfiddle.net/HappyAcorn77/hekagmb2/2/

 /* I use this code to account for panning transformations for the bounding box on line 362 The Zooming/Scaling function can be found on line 372 which is what I am unable to adjust the bounding box for. */

• Haz clic y mantén presionado para arrastrar el texto.
• Haga clic con el botón izquierdo en los valores predeterminados de transformación de visualización inicial