Div avec découpe en demi-cercle transparent

Je souhaite créer une forme de demi-cercle découpée et transparente en utilisant uniquement CSS3. La seule exigence est que tous les éléments formant la forme soient noirs ou transparents. Je ne peux pas utiliser un rectangle noir avec un cercle blanc car le demi-cercle doit être transparent et lais...

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

Comment centrer trois fichiers SVG sur la page ?

J'ai trois fichiers SVG distincts qui, superposés les uns sur les autres, créent un graphique. Le premier fichier SVG est un triangle rouge, le deuxième est un cercle bleu situé à l'intérieur du triangle et le troisième est un rectangle violet situé à la base du triangle (avec un peu d'espace entre ...

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

javascript - Comment personnaliser le style du composant déroulant Flatlist?

1. Tout d'abord, permettez-moi de parler de l'effet que je souhaite obtenir. Déroulez une image comme JD.com sur les téléphones mobiles et passez à une nouvelle page après l'avoir lâchée. 2. Mais Flatlist a un événement déroulant par défaut {code...} Je ne vois pas comment modifier ce contrôle d'en-...

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

Sélectionner/épingler des pixels individuels sur la carte thermique Plotly

Sur les heatmaps Plotly il est parfois utile d'avoir 2 modes de sélection : Sélection rectangulaire (déjà disponible dans modbar) Sélection/fixation de pixels individuels : J'ai essayé d'y parvenir en recyclant le bouton "drawcircle" existant dont je n'ai pas besoin. Lorsque vous cliquez d...

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

Le titre réécrit est : CSS 3 formes : "Reverse Circle" ou "Cut Circle"

Je souhaite créer une forme que je décrirais comme un "cercle inverse" : l'image est quelque peu inexacte car la ligne noire doit continuer le long de la bordure extérieure de l'élément div. Voici la démo que j'ai actuellement : http://jsfiddle.net/n9fTF/ Est-il possible d'utiliser CSS san...

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

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

Comment créer une limite de section hybride droite/incurvée en utilisant SVG ou CSS ?

Pour ma candidature, je crée une page d'inscription avec des limites de section non standard. Vous pouvez voir ce que j'essaie de réaliser ici : ce n'est pas un simple arc - il comporte deux lignes droites et un arc entre les deux. Autant que je sache, la meilleure façon d’y parvenir est d’utiliser ...

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

Les points de début et de fin de l'image

J'essaie de définir les points de début et de fin d'une image. J'ai donc ma toile et une image, lorsque je mets l'image dans la toile, je veux qu'elle allume un petit cercle rouge lorsque je survole les points de début/fin, ce qui signifie que je peux créer avec d'autres images connectées. Par exemp...

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

Créez des panneaux de signalisation évolutifs en utilisant HTML, CSS et SVG

Je souhaite réaliser un bouton en forme de panneau (un rectangle avec une pointe). _______|\|_______/Je souhaite écrire dynamiquement du texte dans un logo, chaque texte ayant une longueur différente. Si j'essaie cela en utilisant uniquement le graphique comme graphique d'arrière-plan, les flèches s...

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

javascript - Comment forcer l'actualisation d'un composant dans React?

Il y a une balise <img src='127.0.0.1/img' /> à l'intérieur du composant qui charge l'image via l'URL. On suppose qu'une image entièrement blanche est initialement renvoyée après que l'utilisateur a cliqué sur un certain bouton. , l'image de traitement d'arrière-plan devient entièremen...

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

Placez des marqueurs interactifs sur les images à l'aide de React

s'il vous plaît, aidez-moi. J'ai une image comme celle ci-dessous qui s'affiche sur la page d'accueil (une image plus grande). A noter que la maison "FORGE" possède un marqueur blanc et bleu avec une flèche noire au milieu. Il en va de même pour les logements « locatifs ». Chacun de ces ma...

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

Le div parent ne peut pas être centré car la marge gauche du div enfant est négative.

J'ai créé le div suivant, mais comme j'utilise une marge gauche négative pour décaler l'icône, je ne peux pas centrer l'intégralité du div. Nous pouvons nous en sortir sur le bureau car vous ne pouvez pas facilement dire que l'ensemble du div est déplacé un peu vers la gauche, mais sur mobile, le cô...

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

Comment obtenir un contour circulaire sur un <bouton> circulaire en utilisant CSS dans Safari

J'essaie d'obtenir un bouton rond avec le même contour de couleur, mais cela ne semble pas possible. Le contour finit toujours par être carré. Existe-t-il un moyen d'y parvenir avec un, ou peut-être que cela ne peut être réalisé qu'avec un ? bouton {largeur : 40 px ; hauteur : 40px ; bordure : aucun...

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

Comment implémenter l'effet de survol de la barre de navigation

Je travaille sur ma barre de navigation verticale. Le nom de cette icône doit être visible à droite. Le nom est également censé passer du blanc au noir lorsque la souris passe sur l'icône, mais cela ne fonctionne pas. J'ai essayé de changer les balises pour voir si cela aide. J'ai également modifié ...

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

Mouvement de l'image en dehors de Div

Je crée un site Web qui a un div noir au centre de la page et lorsque je le survole, l'image au centre pivote. Le problème est que même si je mets l’image dans un div, elle sort des limites du div. Comment régler ce problème? Voici mon code HTML : constimage=document.getElementById("pic");...

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

La légende Chartjs n'est toujours pas visible même après l'avoir définie sur true

Je suis relativement nouveau sur ChartJS et je cherche un moyen d'afficher des étiquettes sur mon graphique en anneau. J'ai essayé de définir la visibilité de la légende sur true dans les options mais cela ne fonctionne toujours pas. vardata=[{data:[successfulBuildsCount,failureBuildsCount],labels:[...

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

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

Comment survoler un objet pour qu'il disparaisse et qu'un autre objet apparaisse pour pouvoir cliquer dessus ?

Mon premier objet est un objet de classe "dog-letter". Il comporte deux objets de classe « chien » et « lettre ». J'ai réussi à le faire disparaître au survol. Mon deuxième objet est un cercle noir avec une classe "nez de chien". Mais je ne peux pas cliquer sur cet objet après so...

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

Chat social Nuxt et Vue

J'ai installé le module de chat social Vue dans mon application Nuxt mais je n'arrive pas à comprendre comment fonctionnent les accessoires et les paramètres de couleur. Actuellement, tout fonctionne bien, même si l'icône Whatsapp affichée est noire et que la barre supérieure se trouve à l'intérieur...

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

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