Description Crée un motif (pattern en anglais) de répétition d'une image pour utiliser dans les propriétés de style de remplissage strokeStyle ou fillStyle.
Les valeurs possibles pour le paramètre modeRepetition sont : repeat pour une répétition dans les deux directions repeat-x pour une répétition horizontale repeat-y pour une répétition verticale no-repeat sans répétition
Naturellement l'image doit être hébergé et accessible.
Exemple 1 : Remplissage par un pattern
Code source
<div>Pattern utilisé : <br> <img src="media/pattern.png"></div>
<div> Canvas rempli :<br><canvas id="myCanvas" ></canvas></div>
<script type="text/javascript"> var myCanvas=document.getElementById("myCanvas"); var myContext=myCanvas.getContext("2d");