Description Crée un objet CanvasGradient gradient circulaire de couleurs entre le cercle centré sur (x1, y1) et de rayon r1 et le cercle (x2, y2) et de rayon r2.
Ce gradient peut se définir dans les propriétés de style strokeStyle et fillStyle.
Exemple 1 : Schéma pour comprendre les gradient circulaires
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'une ligne pleine avec le second gradient */
myContext.beginPath();
myContext.strokeStyle=gradient2;
myContext.lineWidth=10;
myContext.moveTo(0,0);
myContext.lineTo(300,200);
myContext.stroke();
</script>
Résultat
Emulation de la console
Explication
Schéma pour comprendre les gradient circulaires.
La ligne de gradient bleu, reprend le gradient circulaire défini par les 2 cercles.
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.createradialgradient"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='329'
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="329"
SELECT * FROM js_exemple WHERE ID='329' ORDER BY ordre
SELECT * FROM js_url WHERE ID='329' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre
En savoir plus
