zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Scrollable HTML 5 Canvas

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.01.2011, 11:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.01.2011
Beiträge: 1
AnNaXF befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.01.2011, 10:53
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.10.2009
Beiträge: 175
1chris befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:05 Uhr.