zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Donut zeichnen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.06.2014, 09:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2014
Beiträge: 9
icolor ist in Verruf geratenicolor ist in Verruf geraten
Standard Donut zeichnen

Guten Morgen,

ich zeichne mit folgendem CSS-Code ein Donut:

Auszug CSS:
Code:
.dognut {
    border: 50px solid #f00;
    border-radius: 100px;
    height:100px;
    width:100px;
}
Auszug HTML:
Code:
<div class="donut">
    ...
</div>
Nun ist es so, das ich
a.) im ersten Schritt das Donut in Abhängigkeit von Prozent zeichnen möchte. 50 % ergäben dann ein halbes Donut.

b.) Im zweiten Schritt möchte ich das Donut färben. 0 - 75 % dunkerot, 76 bis 99 % hellrot. 100 % grün.

Ich bin mir noch nicht sicher, wie ich dabei am besten vorgehen soll und wäre für Tips dankbar.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.06.2014, 09:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Mein erster Tipp ist, verwende im CSS die selben Klassennamen wie im HTML.
Weiter kann ich dir nicht helfen, da du nicht sagst, worauf sich deine % für deine Färbung beziehen, bzw. wo hast du %, welche du dunkelrot darstellen möchtest?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.06.2014, 10:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2014
Beiträge: 9
icolor ist in Verruf geratenicolor ist in Verruf geraten
Standard

Ich weiss im Moment nicht was einfacher ist.

Entweder zwei oder 3 CSS Formate erstellen und via Programmcode austauschen lassen oder einen Parameter ins CSS reinreichen.

Jedenfalls soll die Webseite via C# Code gefüllt werden.
Mit Zitat antworten
  #4 (permalink)  
Alt 20.06.2014, 10:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Das gilt immer noch:
Zitat:
Zitat von cloned Beitrag anzeigen
Weiter kann ich dir nicht helfen, da du nicht sagst, worauf sich deine % für deine Färbung beziehen, bzw. wo hast du %, welche du dunkelrot darstellen möchtest?
Für den Fall, dass du nicht verstehst, warum ich das schreibe: Wo/Wie/Was/Warum gibt es %, in deinem Beispielcode sieht man gar nichts davon. Was ist dein jetziger Stand und wie soll es am Ende aussehen?
Mit Zitat antworten
  #5 (permalink)  
Alt 20.06.2014, 11:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2014
Beiträge: 9
icolor ist in Verruf geratenicolor ist in Verruf geraten
Standard

Für den Fall das DU nicht verstehst.

Der Code ist als Beispiel anzusehen und ich habe angefragt, wie man ihn umbauen könnte.
Wenn ich da die Prozentwerte schon eingebaut hätte, müsste ich nicht fragen.
Mit Zitat antworten
  #6 (permalink)  
Alt 20.06.2014, 11:58
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von icolor Beitrag anzeigen
Für den Fall das DU nicht verstehst.

Der Code ist als Beispiel anzusehen
Für was? Dein Code ist falsch und zeigt gar nichts.
Ich verstehe nicht, wie du glaubst das man damit irgendeine Frage beantworten kann. Es ist nicht mal verständlich was deine Frage ist.
Mit Zitat antworten
  #7 (permalink)  
Alt 20.06.2014, 12:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2014
Beiträge: 9
icolor ist in Verruf geratenicolor ist in Verruf geraten
Standard

Wenn man diese Frage nicht versteht muss man schon sehr dämlich sein.
Sorry, ich hab anderswo eine Lösung gefunden und bin nett behandelt worden.

Kann man ja hier nicht behaupten.
Mit Zitat antworten
  #8 (permalink)  
Alt 20.06.2014, 12:24
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Nur für die Nachwelt (da man leider seine Postings löschen kann), damit jeder selbst sehen kann wie dämlich er ist, hier die vermeintlich verständliche Frage:
Zitat:
Zitat von icolor Beitrag anzeigen
ich zeichne mit folgendem CSS-Code ein Donut:

Auszug CSS:
Code:
.dognut {
    border: 50px solid #f00;
    border-radius: 100px;
    height:100px;
    width:100px;
}
Auszug HTML:
Code:
<div class="donut">
    ...
</div>
Nun ist es so, das ich
a.) im ersten Schritt das Donut in Abhängigkeit von Prozent zeichnen möchte. 50 % ergäben dann ein halbes Donut.

b.) Im zweiten Schritt möchte ich das Donut färben. 0 - 75 % dunkerot, 76 bis 99 % hellrot. 100 % grün.

Ich bin mir noch nicht sicher, wie ich dabei am besten vorgehen soll und wäre für Tips dankbar.
Mit Zitat antworten
  #9 (permalink)  
Alt 20.06.2014, 12:37
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von icolor Beitrag anzeigen
Wenn man diese Frage nicht versteht muss man schon sehr dämlich sein.
Sorry, ich hab anderswo eine Lösung gefunden und bin nett behandelt worden.

Kann man ja hier nicht behaupten.
Und Tschüss. Hauptsache man kann rumheulen und leute anmeckern.
Und das mit dem dämlich betrifft nur dich.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.06.2014, 12:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2014
Beiträge: 9
icolor ist in Verruf geratenicolor ist in Verruf geraten
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Und Tschüss. Hauptsache man kann rumheulen und leute anmeckern.
Und das mit dem dämlich betrifft nur dich.
Arschloch
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
Graphen auf Canvas zeichnen Tony-S Javascript & Ajax 4 11.06.2012 23:35
Zeichnen mit CSS resTive CSS 3 14.07.2006 10:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:50 Uhr.