Fortschrittskreis mit Leerzeichen zwischen Farben

Question

Fortschrittskreis mit Leerzeichen zwischen Farben

8

Ich versuche, diesen Effekt zu erzielen (Abstände zwischen der Farbe Blau und Grau), wie in dem angehängten Bild. Diese wären wie Ränder anderer Farbe oder keine Farbe zwischen den 2 Farben.

Aber das geht derzeit (ohne Leerzeichen).

%Vor% %Vor% %Vor%

Es kann auch auf JSFiddle gefunden werden.

javascript html jquery css

user3467855 21.03.2017, 07:21

quelle

2 Antworten

Tags und Links javascript html jquery css

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Tensorflow auf Android mit Python-Bindungen?

score 2 · Answer 1

Hier ist eine einfache Lösung:

zeichne beide Bögen und berühre einander.
Setzen Sie den globalCompositeOperation Ihres Kontexts auf 'destination-out'
zeichne einen geschlossenen Bogen mit einem größeren Radius über diese Bögen. (grün im folgenden Bild)

Dank des gCO ist der geschlossene Lichtbogen jetzt transparent.

%Vor% %Vor% %Vor%

Ps: Ich werde dich den Fall 0 als Übung behandeln lassen.

score 1 · Answer 2

1

Das habe ich bisher versucht, hoffe es hilft.

%Vor%

Hier ist der JSFiddle: Ссылка

Yogesh Mistry 21.03.2017 11:59

quelle