Articles of svg

Prise en charge du navigateur .SVG

Je travaille sur un design réactif et je pense à créer des icons de navigation sous forme de fichiers .svg. Quelle est la prise en charge actuelle du navigateur et existe-t-il une solution de contournement / plug-in pour les anciennes versions de navigateur?

La position de l’image de fond svg est toujours centrée dans Internet Explorer, malgré la position de l’arrière-plan: centre gauche;

J’utilise un logo SVG comme image d’arrière-plan et je n’arrive pas à l’aligner correctement à gauche dans Internet Explorer (edit: et Safari) . Les conteneurs ressemblent à ça: Avec les styles: #header{ width: 100%; max-width: 1200px; height: 100%;} #logo{ background: url(../images/ss_logo.svg); background-position: left center; width: 100%; height: 100%; float: left;} Vous pouvez voir que le […]

Dessiner SVG en .NET / C #?

Je voudrais générer un fichier SVG en utilisant C #. J’ai déjà du code pour les dessiner aux formats PNG et EMF (en utilisant la classe standard du framework System.Drawing.Imaging.Metafile et ZedGraph ). Que pourriez-vous recommander pour adapter ce code à SVG? De préférence, je voudrais trouver une bibliothèque (gratuite ou non) qui imiterait l’ […]

Comment puis-je inclure une icône de police géniale dans mon svg?

J’ai un svg qui inclut des images: Comment puis-je remplacer cette ligne avec une icône géniale de police: ne semble pas fonctionner car l’image ne s’affiche pas.

comment dessiner une grid avec html5 et (canvas ou svg)

Je veux dessiner une grid comme montré dans l’image mais je n’ai absolument aucune idée de ce que je devrais commencer. Devrais-je utiliser SVG ou devrais-je utiliser Canvas avec HTML5 et comment le dessiner. S’il vous plaît guider à ce sujet. Je veux que cette grid dessine un rectangle, un cercle ou d’autres diagrammes et […]

Comment styler SVG avec CSS externe?

J’ai plusieurs graphiques SVG que je voudrais modifier les couleurs via mes feuilles de style externes – pas directement dans chaque fichier SVG. Je ne mets pas les graphiques en ligne, mais les stocke dans mon dossier d’images et les pointe vers eux. Je les ai implémentés de cette manière pour permettre aux info-bulles de […]

Taille d’arrière-plan avec SVG écrasé dans IE9-10

J’ai un jeu de div avec une image de fond: Play Video avec le CSS suivant: div { background-image: url(‘icon.png’); background-image: url(‘icon.svg’), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } La taille de l’arrière-plan est respectée dans Firefox, Safari et Chrome. Dans IE8, le fichier SVG est remplacé par […]

Boîte englobante dojox.gfx pour les nœuds de texte et de groupe

La documentation de getBoundingBox () dans dojo indique: Renvoie un cadre de sélection d’une forme. Une forme de texte est un object basé sur un point. Par conséquent, elle ne définit pas de cadre de sélection. Je ne comprends pas Toute implémentation saine de graphiques vectoriels pour le Web inclut un cadre de sélection pour […]

faire pivoter le texte de l’axe x dans d3

Je suis nouveau sur le codage d3 et svg et cherche un moyen de faire pivoter le texte sur le xAxis d’un graphique. Mon problème est que les titres xAxis sont généralement plus longs que les barres du graphique à barres. Je cherche donc à faire pivoter le texte pour qu’il soit vertical (plutôt qu’horizontalement) […]

Les documents SVG prennent-ils en charge les atsortingbuts de données personnalisés?

En HTML5, les éléments peuvent avoir des métadonnées arbitraires stockées dans des atsortingbuts XML dont les noms commencent par des data- telles que . Est-ce que cela fait aussi partie de la spécification SVG? En pratique, cette technique fonctionne bien pour les documents SVG dans de nombreux endroits. Mais j’aimerais savoir si cela fait partie […]