El problema actual que tengo es que cuando desplazo la imagen en el lienzo, se pierde la capacidad de manipular el polígrafo dibujado. ¿Hay alguna forma de abordar esto en el código?
En el siguiente jsfiddle.net/heldersepu/egt92403/36 y está relacionado con una publicación que puse en Validar si la posición del mouse está dentro del rectángulo rotado en HTML5 Canvas y obtuve ayuda de Helder Sepúlveda.
Está utilizando event.clientY y event.clientX para obtener la posición del mouse, esas 2 propiedades son relativas a la pantalla.
Puede usar event.pageY y event.pageX para obtener las coordenadas relativas al documento (esas 2 propiedades no se ven afectadas por el desplazamiento) O compensar las posiciones usted mismo con window.scrollY y window.scrollX, un ejemplo de eso puede ser visto aquí https://jsfiddle.net/faex5Lqc/2/ (parte importante event.clientY - canvas.offsetTop + window.scrollY )