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

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

javascript - Wie passe ich den Stil der Flatlist-Dropdown-Komponente an?

1. Lassen Sie mich zunächst über den Effekt sprechen, den ich erzielen möchte. Ziehen Sie ein Bild wie JD.com auf Mobiltelefonen herunter und springen Sie nach dem Loslassen zu einer neuen Seite. 2. Aber Flatlist hat ein Standard-Dropdown-Ereignis {code...} Ich sehe nicht, wie man dieses Header-Steu...

PHP中文网 2017-06-08 11:02:39 0  1  1336

Einzelne Pixel auf der Plotly-Heatmap auswählen/anheften

Bei Plotly-Heatmaps ist es manchmal nützlich, zwei Auswahlmodi zu haben: Rechteckige Auswahl (bereits in der Modbar verfügbar) Einzelne Pixel auswählen/fixieren: Ich habe versucht, dies zu erreichen, indem ich die vorhandene Schaltfläche „Kreis zeichnen“ wiederverwendet habe, die ich nicht benötige....

P粉806834059 2023-09-02 14:57:46 0  1  652

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

So fügen Sie einem Bild mithilfe von CSS mehrere transparente Überlagerungen hinzu

Wie kann ich auf das Dreieck drücken und den Inhalt über dem weißen Kreis einfügen? Ich versuche eine Lösung zu finden, um einen Heldenabschnitt mit einem Hintergrundbild zu erstellen, das drei Überlagerungsformen als Teil des Bildes enthält. Oben auf der Überlagerung befinden sich h1, p und btn. Ic...

P粉777458787 2024-02-25 17:09:14 0  1  461

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

Die Start- und Endpunkte des Bildes

Ich versuche, den Start- und Endpunkt eines Bildes festzulegen. Ich habe also meine Leinwand und ein Bild. Wenn ich das Bild auf die Leinwand lege, soll ein kleiner roter Kreis aufleuchten, wenn ich mit der Maus über die Start-/Endpunkte fahre, was bedeutet, dass ich eine Verbindung mit anderen Bild...

P粉511757848 2023-08-31 12:24:51 0  1  585

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

javascript - Wie erzwinge ich die Aktualisierung einer Komponente in React?

Es gibt ein <img src='127.0.0.1/img' />-Tag in der Komponente, das das Bild über die URL lädt. Es wird davon ausgegangen, dass zunächst ein vollständig weißes Bild zurückgegeben wird, nachdem der Benutzer auf eine bestimmte Schaltfläche geklickt hat , wird das Hintergrundverarbeitungsb...

漂亮男人 2017-05-19 10:30:06 0  3  1082

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  851

Das übergeordnete Div kann nicht zentriert werden, da der linke Rand des untergeordneten Div negativ ist.

Ich habe das folgende Div erstellt, aber da ich einen negativen linken Rand verwende, um das Symbol zu versetzen, kann ich nicht das gesamte Div zentrieren. Auf dem Desktop kommen wir damit durch, weil man nicht sofort erkennen kann, dass das gesamte Div ein wenig nach links verschoben ist, aber auf...

P粉677573079 2024-01-29 15:04:54 0  1  514

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

So implementieren Sie den Hover-Effekt der Navigationsleiste

Ich arbeite an meiner vertikalen Navigationsleiste. Der Name dieses Symbols sollte rechts sichtbar sein. Der Name soll sich auch von Weiß auf Schwarz ändern, wenn sich die Maus über dem Symbol befindet, aber das funktioniert nicht. Ich habe versucht, die Tags zu ändern, um zu sehen, ob das hilft. Ic...

P粉041758700 2024-01-10 18:06:56 0  1  442

Bildbewegung außerhalb der Div

Ich erstelle eine Website mit einem schwarzen Div in der Mitte der Seite, und wenn ich mit der Maus darüber fahre, dreht sich das Bild in der Mitte. Das Problem ist, dass ich das Bild zwar in ein Div einfüge, es jedoch außerhalb der Grenzen des Div liegt. Wie kann dieses Problem behoben werden? Das ...

P粉004287665 2023-08-13 15:21:15 0  1  457

Die Chartjs-Legende ist auch nach dem Setzen auf „true' immer noch nicht sichtbar

Ich bin relativ neu bei ChartJS und suche nach einer Möglichkeit, Beschriftungen in meinem Donut-Diagramm anzuzeigen. Ich habe versucht, die Sichtbarkeit der Legende in den Optionen auf „True“ zu setzen, aber es funktioniert immer noch nicht. vardata=[{data:[successfulBuildsCount,failureBuildsCount]...

P粉595605759 2023-09-14 18:38:17 0  1  578

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

Wie fahre ich mit der Maus über ein Objekt, damit es verschwindet und dann ein anderes Objekt erscheint, damit ich darauf klicken kann?

Mein erstes Objekt ist ein Objekt der Klasse „dog-letter“. Es verfügt über zwei Objekte der Klassen „Hund“ und „Buchstabe“. Ich habe es geschafft, es im Schwebeflug verschwinden zu lassen. Mein zweites Objekt ist ein schwarzer Kreis mit der Klasse „Hundenase“. Aber ich kann nicht auf dieses Objekt k...

P粉817354783 2024-04-01 13:23:16 0  1  510

Sozialer Chat von Nuxt und Vue

Ich habe das Vue-Social-Chat-Modul in meiner Nuxt-App installiert, kann aber nicht verstehen, wie die Requisiten und Farbeinstellungen funktionieren. Derzeit funktioniert alles einwandfrei, obwohl das angezeigte WhatsApp-Symbol schwarz ist und sich die obere Leiste innerhalb der Sprechblase befindet...

P粉993712159 2024-03-26 20:55:20 0  1  488

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  845