Der umgeschriebene Titel lautet: CSS 3 Formen: „Reverse Circle' oder „Cut Circle'

Ich möchte eine Form erstellen, die ich als „umgekehrten Kreis“ bezeichnen würde: Das Bild ist etwas ungenau, da die schwarze Linie entlang des äußeren Randes des div-Elements fortgesetzt werden sollte. Hier ist die Demo, die ich derzeit habe: http://jsfiddle.net/n9fTF/ Ist es möglich, CSS ohne Bild...

P粉979586159 2023-08-24 18:26:55 0  2  431

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  608

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  1033

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  752

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  591

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  566

Safari unterstützt kein CSS für kreisförmige Avatare

Mein Blog verwendet eine gatsbyReact-Vorlage, aber wenn ich sie auf Safari (iPhone oder Mac) öffne, ist das Avatarbild nicht rund. Einfacher Code-Blog Dies ist der Stil, den ich für meinen Avatar verwende - Radius:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  460

javascript - Wie schneide ich Bilder online über HTML5 oder Original-JS in abgerundete Rechtecke zu?

Gibt es in h5 oder js eine Möglichkeit, Bilder auf der Webseite zuzuschneiden und sie dann in abgerundete Ecken zu schneiden? Bisher habe ich nur rechteckige Schnitte gesehen. Ich frage mich, ob es möglich ist, einen transparenten PNG-Schnitt mit abgerundeten Ecken zu erzielen.

ringa_lee 2017-06-08 11:03:09 0  2  797

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  429

javascript - Verwenden Sie hotcss, um den Kreis durch rem zu ersetzen.

„{Code...}“ Ich habe hotcss px zur Berechnung verwendet und es durch rem ersetzt. Der Kreis sieht nicht rund aus und der Kreis darin ist nicht zentriert.

仅有的幸福 2017-05-16 13:23:19 0  1  478

Eine Methode zum dynamischen Rendern kreisförmiger Sektoren ohne Verwendung von HTML5-Canvas

Ich baue ein Glücksrad und muss basierend auf der Anzahl der Sektoren ein Rad oder einen Kreis erstellen und es mit Preisnamen füllen. Ich habe den Code für einen Kreis mit einer festen Anzahl von Sektoren vervollständigt. Hier ist ein Beispiel für einen Kreis mit 6 Sektoren. .wheel_container{positi...

P粉731861241 2023-09-02 10:43:07 0  1  541

So runden Sie Ecken ab, wenn Sie den CSS-Beschneidungspfad verwenden

Ich möchte die drei Ecken ganz links der von mir erstellten Form abrunden können. Haben Sie eine Idee, wie das geht? div{position:absolute;z-index:1;width:423px;height:90px;background-color:#b0102d;color:white;right:0;margin-top:10vw;-webkit-clip-path:polygon( 100 % 0 %, 100 % 50 %, 100 % 100 %

P粉921130067 2023-08-24 15:40:15 0  1  552

So realisieren Sie die Positionsbeziehung zwischen Punkten und Kreisen in JavaScript

So erkennen Sie die Positionsbeziehung zwischen JavaScript-Punkt und -Kreis. So erkennen Sie die Positionsbeziehung zwischen JavaScript-Punkt und -Kreis Erkennen Sie die Positionsbeziehung zwischen einem Punkt und einem Kreis in JavaScript.

ゞ歡ゞ 2018-12-04 09:00:47 0  0  1370

Pi-Anzeigeproblem

Könnten Sie mir bitte sagen, wo der Fehler im Code liegt? dw zeigt weiterhin den zweiten und dritten Fehler an. <?phpecho' 3 Möglichkeiten, pi zu schreiben: <p>';echo'Die erste: pi()='.pi().'<p>';echo'Die zweite: 3.14159265359='.3.14159265359 '. ';echo' dritter Typ: 31415

大帅 2019-02-18 21:47:17 0  1  1105

javascript - Wie erhalte ich den Inhalt in Klammern mithilfe regulärer Ausdrücke in JS?

var str="deleteChild(236737)"; Holen Sie sich beispielsweise die Zahl 236737 in Klammern und benötigen Sie nichts anderes. Wie schreibe ich normales js? js-Arrays sind zu problematisch. Denn die Zahl in den Klammern ändert sich.

滿天的星座 2017-05-19 10:40:53 0  6  691

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  538

Wie füge ich mit „react-chartjs-2.js' Text in ein Donut-Diagramm ein?

So fügen Sie mit „react-chartjs-2.js“ und Typescript Text in ein Donut-Diagramm ein, wenn sich der Titel des Diagramms oben und die Beschriftung auf der rechten Seite des Donut-Diagramms befindet. Die Lösungen, die ich bisher gefunden habe, scheinen mit Side-Tags oder React/TS nicht zu funktionieren...

P粉378264633 2024-03-30 15:14:29 0  1  475

Überprüfung der Korrektheit der Kreisfolge

Ich habe erwartet, dass die Kreise 1,2,3 und 4 sind, aber die Ausgabe ist 4,1,2 und 3. Ich weiß nicht, ob es position:absolute; ist, das dazu führt. Jedes Feedback ist willkommen. <template><q-pageclass="columnflex-center"><q-cardclass="my-card"><q-card-secti...

P粉921165181 2024-02-04 09:20:06 0  1  378

iOS-Videowiedergabe – Die iOS-avPlayer-Ebene legt abgerundete Ecken fest

Ich verwende avplayer zum Abspielen von Videos und möchte abgerundete Ecken für die Videoebene festlegen. Ich stelle maskToBounds und CornerRadius von avplayerlayer ein. Die Ebene wird der imageView über die addSubLayer-Methode hinzugefügt. Darüber hinaus zeigt imageView Albumbilder an und kann ...

天蓬老师 2017-06-07 09:24:56 0  1  1264

Wie erstelle ich per CSS eine Box mit abgewinkelten und abgerundeten Ecken auf einer Seite?

Ich habe derzeit das Bedürfnis, so etwas zu machen. Mein erster Gedanke war, den Clip-Pfad zu verwenden, aber die abgerundeten Ecken lassen sich nur schwer umsetzen, und es ist schwierig, 22,5 Grad beizubehalten, wenn die Breite der Schaltfläche aufgrund ihres Inhalts geändert wird. Am Ende habe ich...

P粉068174996 2023-08-25 19:46:29 0  1  532