HTML5 in der mobilen Webentwicklung - HTML5-Apps fur iPhone und Android - page 93

Bild 2.20: Beispiel auf der Android-Plattform.
var img new Image();
img.src 'http://flavor.de/html5/thumbs/calendar.png';
img.onload function() {
var pat ctx.createPattern(img,'repeat');
ctx.fillStyle pat;
ctx.fillRect(0,0,280,300);
}
Sämtliche Elemente, die auf den Canvas gezeichnet werden, können automatisch einen
durch die Attribute shadowOffsetX , shadowOffsetY , shadowBlur und shadowColor
definierten Schatten erhalten.
Bild 2.21: Beispiel definierter Schatten.
for (i 0; i<10; i++)
{
ctx.shadowOffsetX i;
ctx.shadowOffsetY i;
ctx.shadowBlur i;
ctx.shadowColor "rgba(0, 0, 0, 0.5)";
var x, y;