Comment puis-je remplir la bouteille de couleur à l'aide de clipPath

J'ai l'image d'une bouteille et en essayant de remplir cette bouteille avec une certaine couleur, j'ai trouvé les coordonnées de remplissage mais l'arrière-plan à l'intérieur de la bouteille n'est pas rempli.item{width:150px;height:150px;}#tubeLiquid{background-color : #74ccf4 ; chemin de détourage ...

P粉690200856 2023-09-09 14:53:51 0  2  560

Faire en sorte que le conteneur de grille remplisse des colonnes au lieu de lignes

Je veux que ma grille se remplisse verticalement comme ceci : 147258369...nombre arbitraire de lignes supplémentaires. Au lieu de cela, elle se remplira horizontalement comme ceci : 123456789. Je souhaite spécifier le nombre de colonnes dans la grille, pas le nombre de lignes. Voici à quoi ressemble...

P粉551084295 2023-08-27 20:59:46 0  1  504

Comment créer une forme de losange en utilisant l'élément <svg> ?

J'essaie de créer une forme de losange en utilisant des éléments HTML5. J'ai précisé le point, mais au lieu d'être rempli en losange, il a été rempli en une paire de triangles. Voici mon approche : <div><svgwidth="2000"height="2000"><polygonpoints="2525,7525,5...

P粉043295337 2023-08-26 12:41:30 0  1  504

SVG - bords laids avec plusieurs remplissages dégradés

Je souhaite créer un sélecteur de couleurs JavaScript. J'utilise SVG pour créer un triangle de couleur comme celui-ci : body{background:black;}<svgxmlns="http://www.w3.org/2000/svg"width="88"height="88"class= "saturation-luminosité"&

P粉937769356 2024-04-01 20:00:27 0  1  405

Vue remplit dynamiquement le fichier SVG en couleur

Je crée une application de clonage Twitter en utilisant VueJS3. J'ai enregistré le logo de Twitter sous forme de fichier .svg et je peux l'utiliser avec la balise <img/>. Lorsque je donne à la balise <svg> un attribut fill="#fff", je peux également changer sa couleur. Cependant...

P粉125450549 2024-01-03 22:39:20 0  2  572

Sélecteur de chemin SVG en HTML utilisant React

Je crée une application de peinture où les utilisateurs peuvent télécharger des SVG. Remplissez-le de différentes couleurs, dessinez sur le SVG puis effacez-le. Mais malheureusement, je n'arrive pas à obtenir le chemin du SVG. Ci-dessous se trouve l'image SVG, si je survole, je veux juste obtenir le...

P粉566048790 2023-09-01 23:22:48 0  1  611

Charger SVG en ligne et modifier la couleur de remplissage

J'utilise le SVG comme ceci : <imagex="0"y="0"width="40"height="40"href="/resource.svg"></image>Voici le fichier resource.svg :< ? xmlversion=" 1.0"encodage="UTF-8&qu

P粉323224129 2024-04-02 13:32:42 0  1  439

Modifier par programme la longueur de trait d'un cercle SVG

J'ai créé un cercle dans Inkscape et désactivé le remplissage pour que seul le trait soit visible, et j'ai défini le point de départ à 45 degrés et le point final à 315 degrés. Ensuite, je l'ai fait pivoter de 90 degrés et voici le résultat final. <?xmlversion="1.0"encoding="UTF-8&...

P粉788571316 2024-03-28 17:03:28 0  2  359

Utilisez CSS pour obtenir l'effet de remplissage du texte renvoyé à la ligne

J'ai un exemple minimaliste ici : https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ avec le contenu suivant : .wrapper{width:200px;}h1{font-size:32px;font-family:Tahoma,Helvetica, sans -serif;hauteur de ligne:50px;}.header-text{background:#aabbcc;padding-

P粉969666670 2023-08-25 00:09:03 0  2  556

La signification spécifique du nom de l'animation CSS fait référence au mode de remplissage de l'animation

Récemment, j'ai essayé d'utiliser CSS pour créer une animation où l'opacité d'une classe spécifique passait de 0 % à 100 %. Mais j'ai rencontré quelques problèmes avec l'animation de class="bar". Nous pouvons voir que l'animation-fill-mode s'applique non seulement à l'animation du titre (q...

P粉441076405 2023-09-13 10:16:28 0  1  569

css3 - style de police CSS plus couleur de remplissage au lieu de la couleur d'arrière-plan

Il existe un style de police comme suit : Si vous souhaitez ajouter de la couleur au cœur au lieu que l'étendue entière enveloppe le cœur, l'erreur de couleur sera la suivante : La définition de l'étendue est la suivante : {code...} Si vous ajoutez une couleur d'arrière-plan, l'image ci-dessus appar...

天蓬老师 2017-06-08 11:02:27 0  2  1284

Comment adapter le menu hamburger à toute la page dans React JSX

Je suis très nouveau sur Reactjsx, j'utilise Tailwind et c'est très bien. J’apprends aussi au fur et à mesure. Ainsi dans ma navigation je parviens à afficher des menus hamburgers mais je n'aime pas la manière dont ils sont affichés. J'essaie de m'assurer que toute la page est remplie de blanc, voir...

P粉368878176 2023-08-31 14:31:09 0  1  560

Titre réécrit : Comment créer un curseur de remplissage automatique avec un arrière-plan dégradé en HTML

Je joue juste avec HTML et je veux créer un curseur qui se remplit d'un dégradé, mais je trouve que cela est presque impossible. Je fais des recherches depuis quelques heures mais je n'arrive pas à trouver la réponse. Je pense que j'ai besoin de JS mais je suis complètement vide là-bas. .slidecontai...

P粉715228019 2024-02-03 20:57:38 0  2  513

javascript - Comment dessiner plusieurs boules sur toile pour que l'image d'arrière-plan de chaque boule soit différente?

Question : Lorsque je dessine plusieurs boules sur toile, comment puis-je rendre l'image d'arrière-plan de chaque boule différente ? Ce que je veux faire maintenant, c'est simplement donner à chaque boule une couleur différente et je veux la remplir d'images. Une partie du code : {code...} Effet act...

大家讲道理 2017-06-14 10:54:28 0  4  1022

javascript - Pourquoi les pixels autour de l'image sont-ils flous lorsqu'elle est chargée dans le navigateur?

J'ai créé une image de 1 000 px * 1 000 px, et le premier pixel a une couleur de remplissage. Après avoir zoomé sous Windows, le frontal normal a demandé cette image et défini le style : largeur : 40 000 px ; hauteur : 40 000 px ; les pixels environnants sont très flous. J'ai l'impression que peu im...

高洛峰 2017-05-19 10:34:48 0  3  557

Problème de sudoku dactylographié montrant un tableau partiellement rempli

J'ai réussi à convertir un générateur de sudoku js en générateur ts pour la pratique. Le seul problème est de savoir comment faire en sorte qu'il ne génère que le tableau sudoku complet. Désormais, le résultat est affiché, que le disque soit complet ou non, et je dois actualiser jusqu'à ce qu'un dis...

P粉135799949 2023-09-08 00:14:34 0  1  536

javascript - Comment Vue Keep-Alive transporte-t-il plusieurs paramètres?

Cela prendra effet lors du transport d’un seul paramètre, mais comment transporter plusieurs paramètres ?

世界只因有你 2017-05-19 10:13:18 0  1  529

Détecter la collision entre deux fonctions fill.Rect

J'ai un jeu dans lequel un joueur est contrôlé par les touches fléchées et l'autre joueur est contrôlé par les touches WSAD. J'ai une carte configurée dans un canevas 600x600 et je souhaite ajouter une collision entre deux joueurs dans le remplissage du jeu. Rectifiez lorsque deux joueurs sont dans ...

P粉145543872 2023-09-15 13:26:06 0  1  861

Les colonnes de la grille retardent le redimensionnement en cas de débordement

J'ai une grille CSS 2 × 2 qui remplit la fenêtre du navigateur en utilisant un positionnement fixe. Cela ressemble à ceci :-----------------||xxxxxxxxxxxxx|-----------------|x|||x | ||x|||x||-----------------La rangée supérieure et la colonne de gauche correspondent chacune à leur contenu et sont di...

P粉638343995 2023-09-06 21:25:59 0  1  618

Comment puis-je éliminer le petit espace blanc entre la barre de navigation et la section suivante ? Comment se débarrasser du petit espace gris sur le sélecteur de survol ?

Je code ce site Web comme projet final de mon cours HTMl sur freecodecamp et je rencontre deux erreurs que je ne sais pas comment corriger. D'un côté, j'ai une petite ligne blanche entre ma barre de navigation et la première section. D'un autre côté, j'utilise le sélecteur de survol pour rendre gris...

P粉764836448 2024-02-25 22:54:59 0  1  401