Vollständigen Link anzeigen: javarea.de Forum > JavaScript > worte als ring darstellen
| geschrieben von Gast am 05.06.2010 - 11:42 |
hallo  ich würde gerne worte als \"ring\" darstellen ich habe 25 wörter die sich mit einem fest zugewiesenen radius an einer festen position um eine grafig drehen sollen - ist sowas möglich ??? grüße |
| geschrieben von Danny am 06.06.2010 - 02:55 |
| Hallo, sollen die einzelnen Buchstaben auch gedreht sein, sodass z.B. ein Buchstabe der genau auf 9 Uhr steht nach links gekippt ist ? Oder soll jeder Buchstabe für sich ganz normal aufrecht stehen nur insgesamt kreisförmig angeordnet ? Ersteres ist meines Wissens nicht mit HTML/Javascript möglich .. dafür müsstest du auf Flash zurückgreifen. Die zweite Variannte ist mit entsprechenden Aufwand zumindest vorstellbar. Wie gut kennst du dich denn mit Javascript aus ? Ein Ansatz der mir spontan einfallen würde: Man hat die 25 Wörter mit x Zeichen gesamt. Jetzt kann man sich die Position jedes Buchstaben recht einfach durch die parametrische Darstellung eines Kreises vorstellen: x = r*cos(phi) y = r*sin(phi) Bei x Zeichen läuft man mit dem Winkel phi in 2*PI / x großen Schritten und berechnet x und y. Die einzelnen Buchstaben positioniert man in eigenen Boxen absolut mit den jeweiligen x und y Koordinaten auf der Webseite. So hat man erstmal die Startposition gezeichnet. Um es zu drehen könnte man nun einfach mit setTimeout() eine Funktion alle paar Millisekunden aufrufen, die an phi immer etwas vergrößtert, jeweils x und y neuberechnet und die Boxen neuzeichnet. Aber wie gesagt die Buchstaben an sich zu drehen geht leider nicht. Gruß Danny |