Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : CanvasRenderingContext2D.setTransform()

Définit la matrice de transformation du canvas

Syntaxe
myContext.setTransform(a, b, c, d, e, f)

Compatible tous navigateurs

Description
Définit la matrice de transformation du canvas avec les paramètres suivants :
a = échelle horizontale
b = inclinaison horizontale
c = inclinaison verticale
d = échelle verticale
e = déplacement horizontal
f = déplacement vertical

Voici quelques exemples de transformation à utiliser directement :
Aucune transformation (pour revenir à l'état normal après une transformation)
myContext.setTransform(1, 0, 0, 1, 0, 0)


Exemple 1 : Quelques exemples de transformations
Code source
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var myCanvas=document.getElementById("myCanvas");
var myContext=myCanvas.getContext("2d");


myContext.setTransform(1, 0.3, 0, 1, 0, 0);
myContext.fillStyle="#316AC5";
myContext.fillRect(10,10,180,20);

myContext.setTransform(1,0,-0.3,1,0,0);
myContext.fillStyle="#990000";
myContext.fillRect(10,50,180,20);

myContext.setTransform(1, 0, 0, 1, 10, -100);
myContext.fillStyle="#009900";
myContext.fillRect(10,100,180,20);



</script>

Résultat
Emulation de la console
Explication
Quelques exemples de transformations

Page en rapport
Le tutoriel sur le dessin avec canvas
Page mise à jour le
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="canvasrenderingcontext2d.settransform"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='333'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico FROM js_equivalent_ressource, js_equivalent_language WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id AND js_equivalent_ressource.etat=1 AND js_equivalent_language.etat=1 AND js_equivalent_ressource.typeof='REF' AND js_equivalent_ressource.idRessource="333"
SELECT * FROM js_exemple WHERE ID='333' ORDER BY ordre
SELECT * FROM js_url WHERE ID='333' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 12/07/2025 17:08:53 sur php 7 en 94.83 ms