Easy-Micro


LANGAGE HTML5 CANVAS
Dégradés

Canvas avec des dégradés de couleur

Pour réaliser des dégradés, on utilise soit :
  • les dégradés linéaire (createLinearGradient) le long d'un axe
  • les dégradés radial (createRadialGradient) avec un centre et une extension circulaire




<canvas id="monCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>

<script type="text/javascript">
var c = document.getElementById(" monCanvas ");
var ctx=c.getContext('2d');

var gradient = ctx.createLinearGradient(50,50,250,250);
gradient.addColorStop(0,"blue"); // Départ
gradient.addColorStop(0.8,"yellow"); // Intermédiaire
gradient.addColorStop(1,"green"); // Arrivée
ctx.fillStyle = gradient; // Affectation au remplissage
ctx.fillRect(0,0,c.width,c.height);
<:/script>

Pour aller plus loin...


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mercredi 20 mars 2019 - Semaine 12 - Saint Herbert (Demain: Sainte Clémence)
Aujourd'hui, c'est l'anniversaire de Danièle Gilbert (1943-76 ans), animatrice de télévision française et de Marthe Villalonga (1932), actrice française. Autre 20 mars: 1815 : de retour de l'île d'Elbe et après une marche triomphale sur Paris, Napoléon entre dans la capitale. 1965 : France Gall gagne l'Eurovision pour le Luxembourg avec Poupée de cire poupée de son.
Haut de page Easy-Micro