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

So überlagern Sie ein Bild mit Text mit abgerundetem Hintergrund

Ich muss in HTML reproduzieren, was Sie in diesem Bild sehen: Das Problem ist, dass der Text das Div und das Hintergrundbild verdeckt. Wenn es im äußeren Div kein Bild und keine Volltonfarbe gäbe, kann ich mir vorstellen, dass ich dies ziemlich einfach mit einigen kleinen HTML-Elementen mit abgerund...

P粉328911308 2023-08-30 15:20:14 0  1  494

So fügen Sie einem Bild mit dem Elementor-Editor abgerundete Ecken hinzu

Das macht mich verrückt. Ich habe ein Bild in einem Textfeld auf einer einfachen Elementor-Seite. Es passt gut in das „Texteditor-Widget“ und ich möchte abgerundete Ecken hinzufügen. Ich habe unter „Site-Einstellungen/Benutzerdefiniertes CSS“ eine CSS-Klasse erstellt und das Bild dann im Bildeditor ...

P粉821231319 2023-08-15 19:14:43 0  1  592

Javascript – Swiper-Bild kann nicht gewischt werden

Der Betreff der Frage wurde in Vue geschrieben, da keine angeforderten Daten vorhanden waren, sodass einige gefälschte Daten erstellt wurden: Dies ist ein dynamisch generiertes IMG-Tag, das dann auf der Seite verwendet wird: Aber als ich Chrome öffnete und mir den Effekt ansah, fand ich dass dies ni...

黄舟 2017-07-05 10:48:46 0  6  1275

javascript - Wie schreibe ich webpack.config.js, um Bilder in einem bestimmten Verzeichnis zu organisieren?

Nun lautet die Konfigurationsdatei wie folgt. Wie kann ich sie ändern, um das Ziel zu erreichen: Verwenden Sie Webpack, um die Bilder im angegebenen Verzeichnis (dist) zu organisieren. {code...} package.json {code...} Verzeichnisstruktur

过去多啦不再A梦 2017-06-12 09:27:00 0  3  790

nginx - In Bezug auf das Problem der Verkleinerung des Javaweb-Projekts wurde nach der frühen Entwicklung festgestellt, dass der vom Projekt belegte Speicherplatz zu groß war, fast 1,2 GB. Wie kann die Verkleinerung der dynamischen Seiten erreicht werden?

1. So trennen Sie die dynamischen und statischen Seiten des Systems und importieren JSP zur Trennung. 2. Die WebRoot-Struktur des Projekts ist wie folgt: Bildbeschreibung 3. So trennen Sie diese Plug-Ins und statischen Dateien, damit sie nicht im Webroot-Verzeichnis abgelegt werden. Sie können den S...

高洛峰 2017-05-16 17:07:53 0  4  768

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

Die dynamische Bildanzeigefunktion von Vue.j schlägt fehl

Ich bin ein Anfänger mit vue.js und versuche, Bilder dynamisch anzuzeigen, habe aber Probleme mit der dynamischen Anzeige. Wenn ich sie manuell ändere, funktionieren sie einwandfrei. Ich habe viele ähnliche Fragen mit einigen Unterschieden gefunden, aber keine davon hat mir geholfen. Das ist meine S...

P粉216807924 2023-08-20 11:03:39 0  1  584

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

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  724

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  615

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  577

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1003

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  506

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  698

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  757

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  686

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  594