Questions marquées «svg»

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 y est étroitement liée, comme comment réaliser quelque chose avec SVG.

4
Incorporer SVG dans ReactJS
Est-il possible d'incorporer du balisage SVG dans un composant ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Résultats dans l'erreur: Les attributs d'espace de noms ne sont pas pris en charge. ReactJSX n'est pas XML. Quelle est la manière la plus légère …
127 javascript  svg  reactjs 
9
Convertir un PDF en SVG propre? [fermé]
Fermé. Cette question ne respecte pas les directives de Stack Overflow . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question? Mettez à jour la question pour qu'elle soit pertinente pour Stack Overflow. Fermé il y a 2 ans . Améliorez cette question J'essaye de convertir un PDF …
114 pdf  svg 
6
SVG use tag et ReactJS
Donc, normalement, pour inclure la plupart de mes icônes SVG qui nécessitent un style simple, je fais: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Maintenant, j'ai joué avec ReactJS récemment en l'évaluant comme un composant possible dans ma nouvelle pile de développement front-end, mais j'ai remarqué que dans sa liste de balises …
114 svg  sprite  reactjs 
9
Comment mettre à l'échelle un SVG têtu incorporé avec la balise <object>?
J'ai quelques fichiers SVG qui spécifient widthet heightainsi que viewboxceci: &lt;svg width="576pt" height="432pt" viewBox="0 0 576 432" &gt; ... mais comment les afficher dans le navigateur à une taille que je décide? Je les veux plus petits et j'ai essayé: &lt;object width="400" data="image.svg"&gt;&lt;/object&gt; mais alors j'obtiens des barres de défilement …
114 html  svg 
5
Graphiques / graphiques interactifs rapides et réactifs: SVG, Canvas, autre?
J'essaie de choisir la bonne technologie à utiliser pour mettre à jour un projet qui rend essentiellement des milliers de points dans un graphique zoomable et panoramique. L'implémentation actuelle, utilisant Protovis, est sous-performante. Vérifiez le ici: http://www.planethunters.org/classify Il y a environ 2000 points lors d'un zoom arrière complet. Essayez d'utiliser …
114 html  canvas  svg  d3.js  kineticjs 
2
Favicon Standard - 2020 - svg, ico, png et dimensions?
Quelles dimensions de favicon, formats de fichiers et balises meta / link devraient être utilisés à partir de 2020? Cela inclut l'icône Apple, Windows, Android et d'autres appareils que les gens utilisent aujourd'hui. J'utilise Opera et je peux voir qu'il prend en charge le format svg. Est-ce la meilleure solution …
113 html  svg  png  favicon 
5
Comment faire en sorte qu'un élément <svg> se développe ou se contracte avec son conteneur parent?
Le but est que l' &lt;svg&gt;élément se développe jusqu'à la taille de son conteneur parent, dans ce cas a &lt;div&gt;, quelle que soit la taille de ce conteneur. Le code: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" y="0" width="100" height="100" …
8
Convertir une image SVG en PNG avec PHP
Je travaille sur un projet Web qui implique une carte générée dynamiquement des États-Unis colorant différents états en fonction d'un ensemble de données. Ce fichier SVG me donne une bonne carte vierge des États-Unis et il est très facile de changer la couleur de chaque état. La difficulté est que …
111 php  svg  imagemagick  jpeg  gd2 
1
SVG change de couleur lors de la rotation dans Safari 10
Je viens de rencontrer un problème très étrange qui n'apparaît que dans Safari 10. J'ai des cartes à jouer, des images svg, qui sont parfois tournées en utilisant transform:rotate(xdeg). La carte que j'utilise a un motif de bloc rouge. Lorsqu'il n'est pas tourné ou tourné à angle droit, c'est-à-dire 90, …
109 html  css  svg  safari 
8
Impossible d'importer les fichiers svg au format dactylographié
Dans les typescript(*.tsx)fichiers, je ne peux pas importer de fichier svg avec cette déclaration: import logo from './logo.svg'; Transpiler dit: [ts] cannot find module './logo.svg'. Mon fichier svg est juste &lt;svg&gt;...&lt;/svg&gt;. Mais dans le .jsfichier, je suis capable de l'importer sans aucun problème avec exactement la même déclaration d'importation. Je …
109 typescript  svg 
7
Retour à la ligne automatique dans le texte SVG
Je voudrais afficher un &lt;text&gt;en SVG ce qui encapsulerait automatiquement la ligne dans le conteneur de &lt;rect&gt;la même manière que le texte HTML remplit des &lt;div&gt;éléments. Y a-t-il un moyen de le faire? Je ne veux pas positionner les lignes avec parcimonie en utilisant &lt;tspan&gt;s.
108 xml  text  svg  word-wrap 
6
Comment couper la ligne d'un texte svg dans javascript?
Alors voici ce que j'ai: &lt;path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/&gt; &lt;rect class="tooltip_bg" id="tooltip_bg" ... /&gt; &lt;text class="tooltip" id="tooltip" ...&gt;Tooltip&lt;/text&gt; &lt;script&gt; &lt;![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set visibility …
3
Comment appliquer un style à un SVG intégré?
Lorsqu'un SVG est directement inclus dans un document à l'aide de la &lt;svg&gt;balise, vous pouvez appliquer des styles CSS au SVG via la feuille de style du document. Cependant, j'essaie d'appliquer un style à un SVG qui est intégré (en utilisant la &lt;object&gt;balise). Est-il possible d'utiliser quelque chose comme le …
107 html  css  svg 
6
SVG obtenir la largeur de l'élément de texte
Je travaille sur un ECMAScript / JavaScript pour un fichier SVG et j'ai besoin d'obtenir le widthet heightd'un textélément afin de pouvoir redimensionner un rectangle qui l'entoure. En HTML, je pourrais utiliser les attributs offsetWidthet offsetHeightsur l'élément, mais il semble que ces propriétés ne soient pas disponibles. Voici un fragment …
106 javascript  dom  text  svg 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.