Pattern
U ranijim nekim primerima koristili smo za kreiranje nekih oblika for petlje,
ali postoji jednostavniji način korišćenjem sledeće funkcije:
createPattern (image, type)
Ova funkcija uzima dva argumenta. IMAGE je ili referenca na neku sliku ili
nešto što smo mi nacrtali uz pomoć "canves". TYPE je jedna od sledećih
vrednosti: repeat, repeat-x, repeat-y i no-repeat.
Već smo se susreli sa ovim vrednostima tako da ih nećemo objašnjavati, a
verovatno sad i shvatate o čemu je sad reč. Evo i primera:
<html><head>
<script type="application/javascript">
function crtaj() {
canvas = document.getElementById("kocke");
if (canvas.getContext) {
ctx = canvas.getContext("2d");
// create new image object to use as
pattern
img = new Image();
img.src = "jsslikeplanete/mars.jpg";
img.onload = function(){
// Kreiramo pattern
ponavljanje = ctx.createPattern(img, "repeat");
ctx.fillStyle = ponavljanje;
ctx.fillRect(0,0,600,600);
}
}
}
</script>
</head><body onload="crtaj();">
<canvas id="kocke" width="500" height="500"></canvas>
</body></html>
