Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Canvas

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

Canvas

Post 03.05.2018, 21:04:13

Witam potrzebuje takiego czegoś jak tu: https://scr.hu/yz71gD, czyli canvas.

Chcę za pomocą 1 funckji zmieniać jego dane np:

setCanvas(40 , 9800, 50)

Kod: Zaznacz cały
var config = {
maxSzary: 90,
maxZolty: 50
}


40 - tekst i żółty pasek (na ss - 36/50)
9800 - sam tekst (na ss - 9702)
50 - sam szary pasek

Żółty i szary pasek ma być ustawiany procentowo, np: żółty 40/config.maxZolty * 100 = 80% całego zapełnienia

Mam na dzieje że znajdzie się ktoś kto mi takie coś wytworzy.

Z góry dziękuje.
venekus
Posty: 47
Dołączył(a): 28.11.2016

Re: Canvas

Post 06.05.2018, 19:51:32

64 wyświetleń 0 komentarzy, to nieźle
venekus
Posty: 47
Dołączył(a): 28.11.2016

Re: Canvas

Post 06.05.2018, 21:54:23

A musi być canvas? Może być SVG+odrobina JS? Poza tym chciałbym zobaczyć Twoje próby rozwiązania problemu. Po gotowce proponujemy zgłaszać się w dziale Webbazar.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19762
Dołączył(a): 14.04.2002

Re: Canvas

Post 09.05.2018, 08:55:48

Ze względu na brak odzewu od autora, po prostu wrzucam moją propozycję rozwiązania, żeby zapomnieć o tym wątku. https://jsfiddle.net/220uL45s/
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19762
Dołączył(a): 14.04.2002

Re: Canvas

Post 10.05.2018, 21:50:05

Udało mi sie zrobić w canvasie, ale bez animacji, użyje twojego z racji że są animacje, dzięki za pomoc.
venekus
Posty: 47
Dołączył(a): 28.11.2016


Powrót do Początkujący webmaster


Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 11 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51433 zarejestrowanych użytkowników.
Najnowszy użytkownik: Prioleau


Nasi użytkownicy napisali:

  • 937602 wiadomości
  • w 247374 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)