Introduction de l'article de wulin.com (www.vevb.com): L'application de la balise Canvas de la pratique quotidienne HTML5 - Dessin Coordonne Transformation Graphics.
Lors du dessin de graphiques, nous pouvons souvent penser à faire tourner les graphiques ou à utiliser le traitement de déformation sur les graphiques et à utiliser la fonction de traitement de transformation des axes de l'API Canvas pour réaliser cet effet.Lors du dessin de graphiques sur un ordinateur, il est dessiné avec des points de coordonnées comme référence. Par défaut, le coin supérieur gauche de la toile en toile correspond à l'origine de l'axe de coordonnées (0, 0). Tous les graphiques que nous avons mentionnés plus tôt dessinés à l'aide de l'API Canvas sont dessinés avec le passage à la plus à gauche de la toile comme les points de l'axe de coordonnées et sont dessinés en pixels.
Si cet axe de coordonnées est modifié, la transformation de la figure peut être mise en œuvre. Il existe trois façons de traiter la transformation des coordonnées:
Poêle
Utilisez la méthode Translate de l'objet de contexte graphique pour déplacer l'origine de l'axe, qui est définie comme suit: