JavaScript
%Vor% Ich möchte This demo in die 24-Stunden-Timeline unter Verwendung von Zeilen teilen. Ich habe versucht, einige, aber nicht zu markieren. Es wird sehr groß in Code!
Gibt es eine andere Möglichkeit, dies in einem kleinen Code zu lösen, zum Beispiel mit slice in Tried demo ?
Meine Anforderung lautet Diese Demo .
Ich möchte, dass This demo rund um die Uhr geschnitten wird, wobei 24 für Stunden und 7 für Tage stehen.
Weitere Anforderung :: Auch ich muss auf die particular arc zugreifen können, die ich je nach day and hour möchte!
Schließlich möchte ich so aussehen Image Ich werde die Argumente übergeben (Tag, Stunde, Farbe) und dann sollte dieses bestimmte Segment die Farbe ändern, wie ich im Bild zeige.
So habe ich versucht, die Zahlen zu drucken.
function drawnumbers(){
for(var i=1; i< hours+1;i++){
context.font="18px sans-serif";
context.fillText(+i,20+i*30,20+i*30);
}
} , aber ich möchte sie auf dem äußeren Kreis wie in png Bild
Obwohl Harsh bereits eine sehr nützliche Antwort geliefert hat, bezieht es sich auf die Drahtgitterzeichnung, die Sie abgebildet haben.
>Ich dachte, es wäre auch nützlich, Ihnen zu zeigen, wie Sie die Zeichnung der einzelnen Segmente erreichen können.
Ich denke, Sie haben in Ihrem PNG etwas zu viel verlangt, da wir Ihr Projekt praktisch für Sie erstellen würden, aber mit meiner Antwort und Harshs Antwort glaube ich, dass Sie bekommen können, was Sie wollen:
%Vor%Siehe meine Ссылка Demo.
Mann, Sie machen PROGRAMMIEREN , warum haben Sie Angst, die Werkzeuge zu benutzen? Verwenden Sie Schleifen und Variablen.
Zum Drucken von Etiketten auf dem Zifferblatt:
%Vor%Tags und Links javascript css html5-canvas
