Retourner à la page d'accueil de TJS

Méthode : CanvasGradient.addColorStop()

          

Ajoute une couleur dans la définition du gradient

Syntaxe
myGradient.addColorStop(Integer numero, String maCouleur)

Description
Ajoute un code couleur maCouleur dans la définition du gradient à l'indice numero.

Exemple Un gradient entre le rouge et le vert
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 du gradient */
 var gradient=myContext.createLinearGradient(50, 50, 250, 250);
 gradient.addColorStop(0, '#f00');
 gradient.addColorStop(1, '#0f0');
 
 /* Représentation du gradient sur l'ensemble du canvas */
 myContext.fillStyle=gradient;
 myContext.fillRect(0,0,300,300);
</script>

Résultat
Emulation de la console
Explication
Un gradient linéaire simple.

Page en rapport
Le tutoriel sur le dessin avec canvas
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 16/12/2018 18:30:09 sur php7 en 24.07 ms