javascript - Comment recadrer des images en rectangles arrondis en ligne via HTML5 ou JS original?

Existe-t-il un moyen dans h5 ou js de recadrer les images sur la page Web, puis de les couper en coins arrondis ? Pour l'instant, je n'ai vu que des découpes rectangulaires. Je me demande s'il est possible de réaliser une découpe .png transparente avec des coins arrondis.

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

Comment superposer une image avec du texte avec un arrière-plan arrondi

J'ai besoin de reproduire en HTML ce que vous voyez dans cette image : Le problème est que le texte couvre le div et l'image d'arrière-plan. S'il n'y avait pas d'image dans le div externe ni de couleur unie, j'imagine que je pourrais le faire assez facilement avec quelques petits éléments HTML aux c...

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

Comment ajouter des coins arrondis à une image à l'aide de l'éditeur Elementor

Cela me rend fou. J'ai une image dans une zone de texte sur une simple page Elementor. Il se trouve bien à l'intérieur du "Widget de l'éditeur de texte" et je souhaite y ajouter des coins arrondis. J'ai créé une classe CSS dans "Paramètres du site/CSS personnalisé", puis j'ai att...

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

javascript - l'image du swiper ne peut pas être glissée

Le sujet de la question a été écrit dans Vue car aucune donnée n'était demandée, donc de fausses données ont été créées : il s'agit d'une balise img générée dynamiquement puis utilisée sur la page : mais lorsque j'ai ouvert Chrome et regardé l'effet, j'ai trouvé que cela ne peut pas être glissé et q...

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

javascript - Je souhaite utiliser Webpack pour organiser les images dans un répertoire spécifié (dist). Comment écrire webpack.config.js?

Maintenant, le fichier de configuration est le suivant. Comment puis-je le modifier pour atteindre l'objectif : utilisez webpack pour organiser les images dans le répertoire spécifié (dist). {code...} package.json {code...} structure de répertoires

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

nginx - Concernant le problème de réduction de taille du projet javaweb, après les premiers développements, il a été constaté que l'espace de stockage occupé par le projet était trop grand, presque 1,2 Go. Comment réaliser une réduction de taille ?

1. Comment séparer les pages dynamiques et statiques du système et importer jsp pour la séparation. 2. La structure WebRoot du projet est la suivante : Description de l'image 3. Comment séparer ces plug-ins et fichiers statiques afin qu'ils ne soient pas placés dans le répertoire webroot Vous pouvez...

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

Comment ajouter plusieurs superpositions transparentes à une image à l'aide de CSS

Comment puis-je appuyer sur le triangle et inclure le contenu au-dessus du cercle blanc ? J'essaie de trouver une solution pour créer une section héros avec une image d'arrière-plan contenant trois formes superposées dans le cadre de l'image. Au-dessus de la superposition se trouveront h1, p et btn....

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

La fonction d'affichage dynamique d'image de Vue.js échoue

Je suis débutant avec vue.js et j'essaie d'afficher dynamiquement des images mais j'ai des problèmes avec l'affichage dynamique, si je les modifie manuellement, elles fonctionnent bien. J'ai trouvé de nombreuses questions similaires avec quelques différences et aucune d'entre elles ne m'a aidé. Voic...

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

Méthodes de résolution du problème 2003 (HY000) : Impossible de se connecter au serveur MySQL 'db_mysql:3306' (111)

J'ai récemment essayé de conteneuriser mon serveur FastAPIPython (également à des fins de réplication/doublement). Avant, je n'avais qu'un serveur MySQL dans un conteneur Docker et tout allait bien, mais lorsque j'ai également fait de mon serveur Web un service, il ne pouvait pas se connecter au ser...

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

Expérimentez le tri après la limite de requête

C'est donc ma première question ici, pardonnez-moi si quelque chose ne va pas. J'essaie de faire une requête de tri basée sur des contraintes. Il existe donc une table Clients avec 90 enregistrements. Je souhaite d'abord effectuer une requête limitée à 3 enregistrements, puis trier les résultats de ...

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

Grille CSS : créer une nouvelle ligne lorsque le contenu enfant dépasse la largeur de la colonne

J'ai une disposition à deux colonnes basée sur une grille CSS. Lorsque le contenu de la deuxième colonne dépasse 1fr je souhaite créer une nouvelle ligne. Dans l’état actuel des choses, le contenu déborde simplement de la colonne. Une exigence de cette disposition est que les éléments de la colonne ...

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

Fonctionnalité de recherche en texte intégral PHP utilisant les opérateurs AND, OR et NOT

Question de débutant : j'essaie d'implémenter une recherche en texte intégral sur une chaîne de recherche en utilisant php et eloquent. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

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

Le moyen le plus court de convertir tous les types PHP en chaîne

J'écris un système général qui, j'espère, pourra un jour être appliqué à des domaines comme la médecine (c'est-à-dire qu'il est « scientifique »). Je pense que la meilleure façon est de représenter toutes les données en php avec des chaînes (true sera "true", false sera "false" e...

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

Comment obtenir la moyenne de la colonne DATETIME dans MySQL tout en regroupant par d'autres colonnes

Je crée et remplis une table MySQL à l'aide de la requête suivante : 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  517

Synchronisation multi-appareils (téléphone mobile) - React Native

J'essaie de créer un Lightshow qui se lancera sur les appareils mobiles de tous les utilisateurs en même temps (peut avoir jusqu'à 2 000 à 3 000 utilisateurs). Tous les utilisateurs utiliseront Internet (Wi-Fi ou données mobiles). Dans notre FE, nous utilisons Apollo pour les abonnements et cela fon...

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

Pique, Carreau, Coeur, Trèfle => les styles ne changent pas la couleur de la police dans Chrome pour Android

Dans Google Chrome sous Windows, les symboles des combinaisons de cartes (pique, cœur, carreau, trèfle) sont correctement colorés à l'aide de l'attribut « style ». Malheureusement, la même page affichée dans Google Chrome sur Android n'affiche pas les couleurs que j'ai définies mais utilise le noir ...

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

Comment masquer l'étiquette Mui TextField ?

Je développe une application Nextjs et j'ai une barre de navigation de tableau de bord construite avec mui qui contient une notification qui ouvre la boîte de notification, qui est construite avec du HTML et du CSS standards. Dashboard-navbar.js : importNotificationBoxfrom"./notification-box/no...

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

Carrousel Bootstrap 5 personnalisé sur mobile (plusieurs éléments, mais pas sur une seule ligne)

J'ai du mal à essayer de personnaliser la disposition du carrousel sur les appareils mobiles. Je veux qu'il affiche chaque élément du carrousel sur mobile au lieu d'un seul, mais après avoir essayé avec du CSS et du JS, notamment en utilisant displayfloat ou max-witdh, je commence juste à penser que...

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