Scalable Vector Graphics (SVG) est un format graphique vectoriel bidimensionnel basé sur XML qui peut également être utilisé en HTML. N'ajoutez pas cette balise simplement parce que votre projet utilise SVG. Au lieu de cela, ajoutez la balise si votre question concerne SVG ou est étroitement liée à celle-ci, comme comment réaliser quelque chose avec SVG.

Plus à propos svg...

J'utilise une gemme Ruby appelée rqrcode pour générer un code QR sous forme de SVG, puis je l'envoie en tant que réponse API. Dans le frontend (Vue.js), je dois afficher le SVG à une taille spécifiée. À l'heure actuelle, mon code ressemble à ceci, et bien qu'il rende le SVG, je ne peux pas spécifi....
13 janv. 2021 à 08:30
Stylo: https://codepen.io/jkmg/pen/zYKqvLq <html> <head> <title></title> <style type="text/css"> html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: purple; } svg { height: 50px; } .playButton....
6 déc. 2020 à 11:04
J'ai essayé de suivre: https://github.com/visualfanatic/vue-svg-loader/tree/ maître Mais il y a un conflit de version avec vue-template-compiler car il est utilisé dans Vue 2. J'ai essayé: https://github.com/visualfanatic/vue-svg-loader Mais il me manque une dépendance de vue spécifique. J'ai remarq....
2 déc. 2020 à 02:51
J'ai un site WASM blazor et j'essaie d'afficher une image SVG directement à partir du stockage blob. J'ai essayé d'utiliser <img src="https://rmssdstorage.blob.core.windows.net/mixandswirlimages/cbf53722-5889-4100-8c2e-30b8500e1a3d.svg" height="300"/> Mais cela entraîne un lien d'image cassé. Vous ....
1 déc. 2020 à 21:20
Je conçois un site Web et j'ai quelques vecteurs (vecteurs colorés pour le paysage). J'ai toujours eu un souci d'utiliser SVG en raison de la compatibilité des navigateurs. Comme nous le sommes en 2020, SVG est-il entièrement pris en charge maintenant avec tous ses détails dans tous les navigateurs ....
27 nov. 2020 à 01:54
Veuillez voir cette image pour plus de clarté [1]: https://i.stack.imgur.com/ fgA6g.png J'utilise des svgs pour peindre dans une page Web. Le problème est qu'ils sont rendus sous forme de rectangle et que la création d'une zone commune indésirable rend la coloration difficile. Je les veux sans l'esp....
26 nov. 2020 à 18:18
J'obtiens un comportement étrange sur Firefox (78.5.0esr) concernant le contenu SVG intégré dans HTML via la balise <img>. Le SVG contient une référence à une feuille de style externe via la directive CSS "@import" comme ceci: <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 -64 128 128"> <d....
24 nov. 2020 à 13:22
Je voudrais changer l'opacité d'un chemin SVG en ligne à partir de CSS. Voici le code: canvas { background-color:#777;} svg { position:absolute; top: 0px;left:0px;} #circle:hover {opacity: 0.9;} #square:hover {opacity: 0.9;} <canvas width="300px" height="300px"></canvas> <svg height="300" width....
22 nov. 2020 à 19:11
Contexte: Je crée un chargeur d'icônes avec deux lettres et une couche extérieure. Je veux les aligner correctement <svg id="logo" xmlns="http://www.w3.org/2000/svg" width="30%" height="30%" viewBox="-4 -4 120 150"> <title>Loader Logo</title> <g> <path strok....
20 nov. 2020 à 11:22
Je veux supprimer le nœud lorsque je clique sur ce nœud, donc je supprime simplement le nœud lorsque je clique avec nodes = nodes.filter(v => v.id !== d.id). En fait, cela fonctionne à la première fois, mais cela ne fonctionne pas ensuite. Voici mon code: uuid = function uuid() { var template = ....
19 nov. 2020 à 05:52
Je crée un svg (un élément de ligne) et il est vertical. Je veux que cette ligne svg soit mise à l'échelle en fonction de la hauteur du conteneur. <div class="parent"> <svg viewBox="0 0 100 100"> <line x1="0" y1="0" x2="0" y2="20" style="stroke: black;stroke-width:1"/> </svg> </div> ....
30 oct. 2020 à 16:27
Je me demandais si je devais changer mes images JPG et PNG en SVG, car je pense qu'en utilisant des images SVG, ma page se chargera plus rapidement, suis-je sûr de cela? Vaut-il mieux utiliser des images au format SVG? Et y a-t-il une possibilité de convertir JPG / PNG en SVG?....
29 oct. 2020 à 04:01
J'utilise l'icône blanche au format .svg (elle s'affiche correctement - blanche si elle est directement regardée). Hovewer lorsque j'essaie de l'utiliser dans mon code html, il est noir. <img src="{% static '/img/person.svg' %}" width="45" height="45" alt="Profile-Icon"> Aucune idée de ce que je f....
28 oct. 2020 à 16:41
J'ai le SVG suivant: <svg id="Capa_1" enable-background="new 0 0 80 70" height="64" width="64" vie....
28 oct. 2020 à 07:05
J'ai une partie de code, qui est un gros bloc de svg HTML, représentant les images que je veux dessiner en HTML. Ce gros bloc de code est dans une classe avec BootStrap "carrousel-item" comme ci-dessous. Cependant, lorsque j'ai essayé de prévisualiser l'effet, j'ai trouvé qu'il ne pouvait pas répo....
27 oct. 2020 à 01:34
J'ai un simple filtre SVG. Si vous cliquez sur l'exemple ci-dessous, ce filtre apparaîtra / disparaîtra: var image = document.querySelector('image'); var url = 'https://i.picsum.photos/id/202/200/200.jpg?hmac=eGzhW5P2k0gzjc76Tk5T9lOfvn30h3YHuw5jGnBUY4Y'; image.setAttribute('xlink:href', url); ....
26 oct. 2020 à 18:51
Je peux créer un cercle SVG en ligne comme ceci: <svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg> Cependant, j'ai du mal à comprendre les propriétés cx et cy et height et width. Ce que je veux réaliser, c'est un cercle....
26 oct. 2020 à 15:33
J'ai demandé à un designer de créer un logo au format SVG pour moi. Après avoir importé dans Android Studio via drawables-> New-> Vector Asset, je suis en mesure d'ouvrir le fichier pour afficher son code et / ou voir le logo lui-même. Ça a l'air bien jusqu'à ce que je zoome: Quelqu'un sait-il s'....
19 oct. 2020 à 20:43
J'ai utilisé https://getwaves.io/ pour créer une vague SVG. J'ai donc ajouté ce svg à mon élément d'en-tête: .page{ height:400px; width:100%; background: green; } .pls-sticky-header{ position: relative; height: 150px; background-color: red; } .wave{ position: absolute; ....
19 oct. 2020 à 20:00
J'ai fait cet effet dans GSAP voici le Codepen comme référence: https://codepen.io/whitelionx/full/vYGQqBZ const svgs = document.querySelectorAll("svg"); svgs.forEach((svg) => { const tl = gsap .timeline({ defaults: { ease: "power1.in" }, paused: true }) .to(svg.children[0....
19 oct. 2020 à 13:24
J'ai 3 images SVG qui doivent constituer un arrière-plan, voici une capture d'écran: J'ai exporté tous les paramètres de Figma: largeur, hauteur, zone de visualisation, chemin lui-même: <svg width="487" height="849" viewBox="0 0 487 849"> <defs> <pattern id="pattern" height="100%" width....
18 oct. 2020 à 22:06
J'utilise les icônes SVG de Bootstrap 4 dans mes boutons. J'ai le code fonctionnant avec le SVG codé en dur dans le HTML de la page. Maintenant, je veux refactoriser le SVG dans une classe CSS. J'ai suivi les instructions de Bootstrap 4 pour créer la classe CSS mais je ne parviens pas à savoir co....
18 oct. 2020 à 20:08
J'essaie de faire une récursion de lignes pour faire un graphique, mais il y a une erreur étrange dans la console, même si cela fonctionne sur le nœud. Ici nous le modèle: <svg height = "200" width = "300"> <g *ngFor = "let node of nodes; let i = index; let last = last;"> <line [....
12 oct. 2020 à 15:02
J'ai travaillé sur un de mes projets. J'ai utilisé youtube_extractor et flutter_svg, mais le problème est que flutter_svg et youtube_extractor ont des problèmes de version. Je veux donc savoir s'il existe une alternative à flutter_svg ou à toute autre méthode de travail pour afficher des images svg.....
J'essaye de placer un tas de divs côte à côte, de gauche à droite. J'utilise donc une flexbox avec une direction définie sur row. Je veux que chacun de ces divs dérive sa hauteur et sa largeur du contenu à l'intérieur, c'est pourquoi j'ai laissé leur hauteur et leur largeur par défaut. Enfin, je sou....
14 juin 2020 à 05:02