Irgendwelche CSS- oder JavaScript-Techniken, um ein "Segment" eines Kreisbildes anzuzeigen?

8

Ich versuche ein Programm zu schreiben, in dem Benutzer kreisförmige Bilder wie diese köstliche warme Pizza hochladen:

Der Benutzer gibt dann den Anfang und das Ende des Bogens in Grad an, so dass eine Funktion aufgerufen wird, um dasselbe Bild mit einer geringeren Deckkraft auf dem übrig gebliebenen Teil anzuzeigen.

%Vor%

Gibt es irgendwelche CSS- oder Javascript-Techniken, die mir helfen, dies zu erreichen (oder irgendwelche anderen Möglichkeiten)?

    
user784637 29.02.2012, 07:37
quelle

2 Antworten

6

Ja, Sie sollten eine Leinwand haben, die eine relative Position zu Ihrem Pizzabild hat. Dann können Sie Ihren Kreis auf der Leinwand zeichnen und die Leinwandtransparenz konfigurieren

Lesen Sie, wie Sie Kreise von hier aus zeichnen:

Ссылка

    
batbaatar 29.02.2012, 07:45
quelle
4

Sie könnten versuchen, ein SVG zu generieren und dann Clipping, Masking und Compositing

zu sehen     
Matthias 29.02.2012 07:45
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset ConsoleKeyInfo, das Fragezeichen und die Portabilität