La programmation svg

14

Fermé . Cette question est basée sur l'opinion . Il n'accepte pas actuellement les réponses. Voulez-vous améliorer cette question? Mettez à jour la question afin d'y répondre avec des faits et des citations en modifiant ce message . Fermé il y a 6 ans . Améliorez cette question Je travaille …

254 javascript jquery svg raphael

11

Comment centrer un SVG dans une div?

J'ai un SVG que j'essaye de centrer dans un div. Le div a une largeur ou 900px. Le SVG a une largeur de 400 pixels. Le SVG a sa marge gauche et sa marge droite réglées sur auto. Ne fonctionne pas, il agit simplement comme si la marge gauche est …

254 css layout svg positioning margin

8

Existe-t-il un moyen d'utiliser SVG comme contenu dans un pseudo-élément: avant ou: après

Je veux placer des images SVG avant certains éléments sélectionnés. J'utilise jQuery mais ce n'est pas pertinent. Je voudrais que l' :beforeélément soit le suivant: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Si je le fais comme indiqué ci-dessus, …

246 css svg

7

Comment puis-je créer une échelle svg avec son conteneur parent?

Je veux avoir l'échelle de contenu d'un élément svg en ligne lorsque la taille n'est pas native. Bien sûr, je pourrais l'avoir dans un fichier séparé et le mettre à l'échelle comme ça. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Cependant, je veux ajouter des styles supplémentaires …

236 css html svg scaling

12

Comment créer une larme en HTML?

Comment créer une forme comme celle-ci pour l'afficher sur une page Web? Je ne veux pas utiliser d' images car elles deviendraient floues à l'échelle J'ai essayé avec CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; …

223 html css svg css-shapes

10

Pouvez-vous contrôler la façon dont la largeur de trait d'un SVG est dessinée?

Actuellement en construction d'une application SVG basée sur un navigateur. Dans cette application, différentes formes peuvent être stylisées et positionnées par l'utilisateur, y compris des rectangles. Lorsque j'applique un stroke-widthà un rectélément SVG , par exemple 1px, le trait est appliqué au rectdécalage et à l'encart de de différentes manières …

204 svg offset rect

4

Les paramètres SVG tels que «xmlns» et «version» sont-ils nécessaires?

Dans environ la moitié des exemples svg que je vois sur Internet, le code est enveloppé dans un langage simple et simple <svg></svg> balises . Dans l'autre moitié, les balises svg ont beaucoup d'attributs complexes comme celui-ci: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Ma question est: est-ce correct d'utiliser les simples balises …

204 xml svg tags

5

Positionnement SVG

Je joue avec SVG et j'ai quelques problèmes de positionnement. J'ai une série de formes contenues dans la gbalise de groupe. J'espérais l'utiliser comme un conteneur, afin de pouvoir définir sa position x et tous les éléments de ce groupe se déplaceraient également. Mais cela ne semble pas possible. Comment …

203 svg position grouping

7

Comment supprimer ou remplacer du contenu SVG?

J'ai un morceau de code JavaScript qui crée (en utilisant D3.js) un svgélément qui contient un graphique. Je veux mettre à jour le graphique en fonction des nouvelles données provenant d'un service Web utilisant AJAX, le problème est que chaque fois que je clique sur le bouton de mise à …

200 javascript ajax svg d3.js

8

Puis-je changer la couleur de remplissage d'un chemin svg avec CSS?

J'ai le code suivant: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> Est-il possible de changer la couleur de remplissage du chemin SVG avec CSS ou tout autre moyen sans le changer réellement à l'intérieur …

200 css svg

14

l'append de jquery ne fonctionne pas avec l'élément svg?

En supposant ceci: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Pourquoi je ne vois rien?

199 jquery html svg

13

Comment calculer le chemin SVG pour un arc (d'un cercle)

Étant donné un cercle centré à (200 200), rayon 25, comment dessiner un arc de 270 degrés à 135 degrés et un qui va de 270 à 45 degrés? 0 degré signifie qu'il est juste sur l'axe x (le côté droit) (ce qui signifie qu'il est en position 3 heures) …

191 svg

5

SVG: texte à l'intérieur du rect

Je veux afficher du texte dans SVG rect. C'est possible? j'ai essayé <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Mais ça ne marche pas.

180 text svg rect

10

Comment placer et centrer du texte dans un rectangle SVG

J'ai le rectangle suivant ... <rect x="0px" y="0px" width="60px" height="20px"/> Je voudrais centrer le mot "Fiction" à l'intérieur. Pour les autres rectangles, le mot svg s'enroule-t-il pour y rester? Je n'arrive pas à trouver quoi que ce soit de spécifiquement sur l'insertion de texte dans des formes centrées à la …

179 text svg

8

Inclure un SVG (hébergé sur GitHub) dans MarkDown

Je sais qu'une image peut être placée dans un MD avec la syntaxe MD de l'un ![Alt text](/path/to/img.jpg)ou l' autre ![Alt text](/path/to/img.jpg "Optional title"), mais j'ai du mal à placer un SVG dans MD où le code est hébergé sur GitHub. En fin de compte, en utilisant rails3, et en …

173 svg github markdown

Questions marquées «svg»