ich will für meine seite einen countdown einbauen den meine user einstellen können.
man soll minuten und sekunden angeben und wenn man auf den start-button klickt soll der countdown starten.
ansich kein problem, nur will ich den countdown nicht in zahlen gezeigt bekommen, sondern mit einem kreis, der immer kleiner wird bis die zeit um ist, wie bei einem tortendiagramm
meine frage: gibt es eine funktion mit der man einen kreis zeichnen kann oder vielleicht ein stück von einem kreis-bild mit weiß bedecken kann, wo ich den winkel angeben kann?
Ob du einen Kreis malen kannst, hängt davon ab, auf welches
Format du das Skript anwendest.
Bei (X)HTML gibt es keinen Kreis, da geht es um die Auszeichnung
von Text. Das korrespondierende Format für Graphik heißt SVG.
Da kann man auch Kreise oder Teilkreise malen und animieren,
auch Skripte verwenden. Da das Format über deklarative
Animation verfügt, ist für die angesprochene Anwendung aber
die Verwendung von Skriptsprachen eher unsinnig, weil es ohne
viel besser und einfacher geht ;o)
Natürlich kannst du auch andere Formate mit diskreten
Änderungen verwenden, etwa GIF, da geht es dann allerdings
nicht mehr um Kreise oder sowas, sondern um Pixel und
Einzelbilder, die gewechselt werden können.
das geht bspw. per Vektorgrafik - unser Spezialist dafür wird sicher seinen Senf dazu geben, sobald er hier reinschaut - denn damit lässt sich grafisch gesehen wunderbares bewirken und das sollte genau deinen Vorstellungen entsprechen
Alternativ zu SVG sollte man ein Blick auf das canvas-Element werfen. Das Erstellen und Manipulieren von Grafiken ist relativ einfach und es existieren viele Beispiele. Ist jedoch erst für neuere Browser verfügbar.
pit @kerbination: es gibt Leute die sind noch viel lahmer…
Nunja, canvas steht nur in einem Arbeitsentwurf zu HTML5,
basiert also bislang auf keinem stabilen Standard. Zudem steht
da im Entwurf, daß man sofern möglich, was besseres verwenden
soll. Da es SVG als Standard sein vielen Jahren gibt und es sicher
besser und zugänglicher ist, kann man canvas für die Anwendung
vergessen.
canvas hat derzeit immer noch arge Zugänglichkeitsprobleme.
Nach dem derzeitigen Modell kann man damit keine Informationen
anbieten, weil der Inhalt des Elementes kein Textäquivalent ist,
sondern nur gedacht für browser, die das Element gar nicht
kennen. Bringt also nichts, wenn der browser das Element kennt,
aber das Skript nicht interpretiert. Ähnlich wie AJAX hat das ein
starkes Potential, von Autoren falsch genutzt zu werden, um
inhaltlich unsinnige Seiten zu erzeugen ;o)
