Introducción al artículo de Wulin.com (www.vevb.com): la aplicación de la etiqueta de lienzo de HTML5 Práctica diaria - Gráficos de transformación de coordenadas de dibujo.
Al dibujar gráficos, a menudo podemos pensar en girar los gráficos, o usar el procesamiento de deformación en los gráficos, y usar la función de procesamiento de transformación de ejes de la API de lienzo para lograr este efecto.Al dibujar gráficos en una computadora, se dibuja con puntos de coordenadas como punto de referencia. Por defecto, la esquina superior izquierda del lienzo de lienzo corresponde al origen del eje de coordenadas (0, 0). Todos los gráficos que mencionamos anteriormente dibujados usando la API de lienzo se dibujan con el cruce más superior a la izquierda del lienzo como puntos del eje coordinado y se dibujan en píxeles.
Si se cambia este eje de coordenadas, se puede implementar la transformación de la figura. Hay tres formas de procesar la transformación de coordenadas:
Cacerola
Use el método de traducir del objeto de contexto gráfico para mover el origen del eje, que se define de la siguiente manera: