Chcę narysować koło fortuny używając tylko CSS i jQuery. Nie chcę używać żadnych obrazów.Czy mogę narysować coś w rodzaju Koła fortuny za pomocą CSS?
Ponadto chcę mieć co najmniej 8 segmentów w kole i prawidłowo wyrównać każde słowo tekstowe w pionie w każdym segmencie. Oto zdjęcie, aby zilustrować:
Raz mam tej pracy I wtedy można użyć CSS3 rotate nieruchomości.
Każdy pomysł, jak mogę to zrobić?
Oto Spinning Demo Koło wykonane w HTML5 przy użyciu kanwie: LINK 
bezpośredni odsyłacz do plików demonstracyjnych projektów: ZIP
EDIT: Oto inny poradnik demo :
Creating a roulette wheel using html5 canvas
ten był absolutnie doskonały ... tylko to, co chciałem .. dzięki :) –
btw, czy to zrobiłeś? –
ale faktycznie próbuję zakręcić kołem za pomocą właściwości animacji CSS3 ... A opcje zasilania muszą tylko zmienić prędkość wirowania przy użyciu CSS3 ponownie, co jest możliwe jestem pewien –
Sprawdź ten link ->http://joelb.me/blog/2011/css-mask-tutorial-rotating-image-gallery/
Zawiera samouczek wprowadzający do nieco trzeba. Sprawdź także kod biblioteki JS 2d Transformation na github.
css-mask używa obrazków .. po prostu chce używać kolorów zamiast nich, a także musi napisać na nim tekst ... będzie nadal przydatne? –
@Jigar Tak, dlaczego nie, musisz ustawić div tekstu w miejscu, w którym ten post zarządza obrazami, a wszystko to o idei .. możesz przejść przez ten tutorial i dać mi znać, jeśli napotkasz jakiś problem :) – swapnesh
I użyłem obrazów od teraz .. widzę to tutaj [link] (http://codejigz.com/demos/wheeloffortune/wheel.html), ale mam prob..Na kliknięciu przycisku stop, shd koła \ udnt Zatrzymaj się gwałtownie. W razie potrzeby zwolnij ... –
Oto kolejny przykład spinning wheel przy użyciu canvas
stworzyłem koło ruletki w użyciu Raphael: http://www.guesttime.com/members/ledlogic/roulette/index.html
To tekst obrócony, jak to zrobić, ale trzeba by obsłużyć centrowanie dla każdej litery.
To jest metoda oparta na języku HTML5. [** LINK **] (http://halufa.vtec.pt/resistor/) – arttronics