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");
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.createpattern"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='330'
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="330"
SELECT * FROM js_exemple WHERE ID='330' ORDER BY ordre
SELECT * FROM js_url WHERE ID='330' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre
En savoir plus
