Artigo Introdução de wulin.com (www.vevb.com): a aplicação da tag de tela da prática diária HTML5 - Graphics de transformação de coordenadas de desenho.
Ao desenhar gráficos, muitas vezes podemos pensar em girar os gráficos ou usar o processamento de deformação nos gráficos e usar a função de processamento de transformação dos eixos da API de tela para alcançar esse efeito.Ao desenhar gráficos em um computador, ele é desenhado com pontos de coordenadas como referência. Por padrão, o canto superior esquerdo da tela de tela corresponde à origem do eixo de coordenadas (0, 0). Todos os gráficos que mencionamos anteriormente desenhados usando a API de tela são desenhados com a travessia superior esquerda da tela como os pontos do eixo de coordenadas e são desenhados em pixels.
Se esse eixo de coordenada for alterado, a transformação da figura poderá ser implementada. Existem três maneiras de processar a transformação de coordenadas:
Frigideira
Use o método de tradução do objeto de contexto do gráfico para mover a origem do eixo, que é definida da seguinte forma: