Description Crée un gradient linéaire CanvasGradient de couleurs suivant le vecteur (x1, y1, x2, y2).
Exemple 1 : Compréhension du gradient
Code source
<canvas id="myCanvas" width="300" height="300"></canvas>
<script type="text/javascript"> var myCanvas=document.getElementById("myCanvas"); var myContext=myCanvas.getContext("2d");
/* Création d'un rectangle plein avec le second gradient */
myContext.beginPath();
myContext.fillStyle=gradient2;
myContext.fillRect(180,20,110,185);
myContext.rect(180,20,110,185);
myContext.stroke();
</script>
Résultat
Emulation de la console
Explication
Voici comment comprendre le principe de gradient linéaire.
Le vecteur rouge entre les points 1 et 2 crée la diffusion de couleur.
Le fond du canvas est complètement rempli.
Le rectangle rouge est rempli du même gradient mais d'une couleur différente.
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.createlineargradient"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='327'
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="327"
SELECT * FROM js_exemple WHERE ID='327' ORDER BY ordre
SELECT * FROM js_url WHERE ID='327' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre
En savoir plus
