|
|||
HTML 5 Canvas: Stroke-Style Pattern Image-Offset
Hallo,
ich male mit Javascript in einem HTML 5 Canvas Element rum, in etwa so: Code:
img = new Image(); img.src = "bild1.jpg"; var ctx = canvas.getContext('2d'); var ptrn = ctx.createPattern(img ,'repeat'); ctx.lineWidth = 5; ctx.strokeStyle = ptrn; ctx.beginPath(); ctx.moveTo(p1.x,p1.y); ctx.lineTo(p2.x,p2.y); ctx.moveTo(p1.x,p1.y); ctx.closePath(); ctx.stroke(); Ich möchte also für mehrere Linien einen unterschiedlichen Hintergrundgrafik-Offset angeben können, mit dem die Stroke-Style Pattern Grafik verschoben oder rotiert wird. Kann mir da jemand weiterhelfen? Welche Eigenschaften des Image() Objekts sind dafür zuständig? Danke für eure Hilfe! Geändert von Nasenmann (24.05.2011 um 14:07 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
Scrollable HTML 5 Canvas | AnNaXF | (X)HTML | 1 | 24.01.2011 09:53 |
Image flackern in Canvas | madangel | Javascript & Ajax | 1 | 23.02.2010 14:46 |
Imagemap Zugriff bei einer Gallery | Sarah14 | Javascript & Ajax | 3 | 12.11.2007 14:06 |