Einen kreisförmigen SVG-Temperaturregler in Angular erstellen?

Hier ist eine statische Demonstration eines kreisförmigen Daumenziehers, den ich in Angular erstellen möchte. Es verwendet die Einstellung „rinkle-dashoffset="-260", um den Daumen/Zieher nahe dem Ende des kreisförmigen Pfads hinter dem Daumen zu positionieren, und Sie können sehen, dass de...

P粉135799949 2024-04-03 09:33:29 0  1  579

So fügen Sie einem MP4-Video auf Squarespace einen kreisförmigen Rand hinzu

Ich versuche, einen Randradius in einem Video mit quadratischem Raum hinzuzufügen, aber es funktioniert nicht. Weiß jemand, wie man das macht? Ich versuche, einem Video einen kreisförmigen Rahmen hinzuzufügen, und habe den folgenden Code ausprobiert: #block-df45bbc957de1bd8c905.video-block.video-pla...

P粉781235689 2023-08-31 16:24:14 0  1  561

Wie richtet man drei SVG-Dateien zentriert auf der Seite aus?

Ich habe drei separate SVG-Dateien, die übereinander gelegt eine Grafik ergeben. Die erste SVG-Datei ist ein rotes Dreieck, die zweite ein blauer Kreis innerhalb des Dreiecks und die dritte ein violettes Rechteck an der Basis des Dreiecks (mit etwas Abstand zwischen Dreieck und Rechteck). Mein Ziel ...

P粉998100648 2023-09-07 14:20:58 0  2  578

Umgeschriebener Titel: Zentrieren Sie ein festes HTML-Quadrat- oder Kreiselement horizontal und vertikal, wenn die Größe geändert wird

Wie zentriert man ein quadratisches oder kreisförmiges festes HTML-Element unterschiedlicher Größe horizontal und vertikal? Ich denke, die Schwierigkeit liegt darin, dass Breite und Höhe gleich bleiben müssen.

P粉455093123 2024-04-04 12:31:51 0  1  399

d3 js kreisförmige animierte Atem-App, die auf einer Kreisbahn fährt

d3js animierte Atem-App Ich möchte in der Lage sein, eine Animation eines Kreises zu erstellen, der sich in einem bestimmten Intervall um einen Pfad dreht, und dieses Intervall so zu steuern, dass es schneller/langsamer wird. Mein Code sieht derzeit so aus. So stellen Sie einen Kreis so ein, dass er...

P粉191610580 2023-09-14 15:46:55 0  1  578

Div mit transparentem Halbkreisausschnitt

Ich möchte nur mit CSS3 eine transparent ausgeschnittene Halbkreisform erstellen. Die einzige Voraussetzung ist, dass alle Elemente, die die Form bilden, schwarz oder transparent sein müssen. Ich kann kein schwarzes Rechteck mit einem weißen Kreis darauf verwenden, da der Halbkreis transparent sein ...

P粉022285768 2023-10-22 17:51:09 0  2  741

WeChat Mini-Programmkarussell

So implementieren Sie ein kreisförmiges Karussell im WeChat-Miniprogramm

没有尾巴的兔子 2017-11-20 19:16:44 0  1  1860

Ändern Sie programmgesteuert die Strichlänge eines SVG-Kreises

Ich habe in Inkscape einen Kreis erstellt und die Füllung deaktiviert, sodass nur der Strich sichtbar war, und den Startpunkt auf 45 Grad und den Endpunkt auf 315 Grad festgelegt. Dann habe ich es um 90 Grad gedreht und das ist das Endergebnis. <?xmlversion="1.0"encoding="UTF-8&quo...

P粉788571316 2024-03-28 17:03:28 0  2  331

SVG – hässliche Kanten mit mehreren Farbverlaufsfüllungen

Ich möchte einen JavaScript-Farbwähler erstellen. Ich verwende SVG, um ein Farbdreieck wie dieses zu erstellen: body{background:black;}<svgxmlns="http://www.w3.org/2000/svg"width="88"height="88"class= „Sättigung-Helligkeit“&

P粉937769356 2024-04-01 20:00:27 0  1  355

So erhalten Sie mit CSS in Safari einen kreisförmigen Umriss auf einer kreisförmigen <Schaltfläche>

Ich versuche, einen runden Knopf mit der gleichen Umrissfarbe zu bekommen, aber das scheint nicht möglich zu sein. Der Umriss ist am Ende immer quadratisch. Gibt es eine Möglichkeit, dies mit a zu erreichen, oder kann es vielleicht nur mit a erreicht werden? button{width:40px;height:40px;border:none...

P粉066725148 2023-10-26 09:54:54 0  2  1017

Wie erstelle ich eine hybride gerade/gekrümmte Abschnittsgrenze mit SVG oder CSS?

Für meine Bewerbung erstelle ich eine Registrierungsseite mit nicht standardmäßigen Abschnittsgrenzen. Sie können hier sehen, was ich erreichen möchte: Es ist kein einfacher Bogen – es besteht aus zwei geraden Linien und einem Bogen dazwischen. Soweit ich weiß, ist die Verwendung von SVG der beste W...

P粉920835423 2023-09-02 11:35:13 0  1  575

Kann ich den Randradius bei Randbildern mit Farbverläufen verwenden?

Ich entwerfe ein Eingabefeld mit einem kreisförmigen Rand (Randradius) und versuche, diesem Rand einen Farbverlauf hinzuzufügen. Ich kann erfolgreich Farbverläufe und kreisförmige Ränder erstellen, aber beides funktioniert nicht zusammen. Es handelt sich entweder um abgerundete Ecken ohne Farbverlau...

P粉633733146 2023-08-29 12:52:01 0  2  530

Erstellen Sie skalierbare Wegweiser mit HTML, CSS und SVG

Ich möchte einen Button in Form eines Wegweisers (ein Rechteck mit einer Spitze) erstellen. _______|\|_______/Ich möchte dynamisch Text in ein Logo schreiben, wobei jeder Text eine andere Länge hat. Wenn ich dies versuche und nur die Grafik als Hintergrundgrafik verwende, werden die Pfeile entsprech...

P粉555682718 2024-03-31 14:45:14 0  1  413