|
|||
Scrollable HTML 5 Canvas
Hi!
Ich würde gerne folgendes tun, vllt hat hier jmd. eine gute Idee: Ich hätte gerne ein Canvas mit einem "scrollable Hintergrund". D.h.: Das Canvasobjekt soll etwa die Größe des Screens haben, aber initial nur einen Ausschnitt aus einem sehr großen Bild darstellen. Sobald nach links/rechts/oben oder unten gescrolled wird sollen an den Rändern Bilddaten nachgeladen und dargestellt werden. 1. Wie realisiert man es dass man mit der Maus auf einem Canvasobjekt hin- und her scrollen kann? 2. Wie kann man das Nachladen der Bilddateien und das Einbringen derer auf dem Canvas umsetzen? Das Verhalten soll also ähnlich dem sein dass man beim Scrollen durch Google Maps hat. Danke. |
Sponsored Links |
|
|||
Du kannst bei Klick / gedrückthalten die Mausposi abfragen und jenachdem die Bildposi verschieben (das Obj im Canvas). Ob du nur einen Teil von dem Bild laden kannst, bezweifle ich aber vermutlich wäre es möglich deine ganz große Grafik aus vielen kleinen (auch wenn die vlt 1000x1000 px haben) zu bauen. Dann könntest du gucken wo der Sichtpunkt ist und entsprechende Nachbargrafiken vorrausladen.
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
HTML 5 Canvas: Stroke-Style Pattern Image-Offset | Nasenmann | Javascript & Ajax | 1 | 25.05.2011 01:16 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
per jquery flash entfernen und html anzeigen lassen | destroy90210 | Javascript & Ajax | 2 | 02.01.2010 18:15 |
DIV immer ganze Breite - normal?!?!? | csski | CSS | 3 | 02.07.2008 13:20 |
Wie parse ich mit php Markdown syntax nach html? | asdfgqw | Serveradministration und serverseitige Scripte | 0 | 03.06.2008 01:11 |