Disons que j'ai le fichier SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Je veux...
J'adore la police d' icônes Font Awesome et je souhaite l'utiliser pour la plupart des icônes de mon site, mais il y a quelques icônes svg personnalisées dont j'aurais besoin en plus de ce qui est offert. J'ai remarqué que la version .svg de Font Awesome est principalement composée de ces <glyph...
Je voudrais définir une couleur d'arrière-plan par défaut pour tout le document SVG, au rouge par exemple. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> La solution ci-dessus fonctionne mais la propriété background de l'attribut style n'est malheureusement pas...
Existe-t-il un moyen par défaut de dessiner un fichier SVG sur un canevas HTML5? Google Chrome prend en charge le chargement du SVG en tant qu'image (et simplement l'utilisation drawImage), mais la console du développeur l'avertit resource interpreted as image but transferred with MIME type...
Je cherche à utiliser un logo SVG pour un site Web - pour le rendre beau sur un design réactif pour tous les appareils. Mais comme il y a des problèmes , je souhaite prendre en charge autant d'appareils et de navigateurs que possible. La vitesse de chargement est également une considération...
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....
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...
J'ai quelques fichiers SVG qui spécifient widthet heightainsi que viewboxceci: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... mais comment les afficher dans le navigateur à une taille que je décide? Je les veux plus petits et j'ai essayé: <object width="400"...
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...
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...
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...
Lors du traitement de mon XML, j'essaie de copier un fichier SVG référencé à partir d'un hrefattribut directement dans mon HTML de sortie avec la ligne suivante: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> Le copy-namespacesne devrait pas être nécessaire puisque la valeur...
Le but est que l' <svg>élément se développe jusqu'à la taille de son conteneur parent, dans ce cas a <div>, quelle que soit la taille de ce conteneur. Le code: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg...
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...
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 <svg>...</svg>. Mais dans le .jsfichier, je suis capable de l'importer sans...
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,...
Je voudrais afficher un <text>en SVG ce qui encapsulerait automatiquement la ligne dans le conteneur de <rect>la même manière que le texte HTML remplit des <div>éléments. Y a-t-il un moyen de le faire? Je ne veux pas positionner les lignes avec parcimonie en utilisant...
Lorsqu'un SVG est directement inclus dans un document à l'aide de la <svg>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 <object>balise). Est-il possible...
Alors voici ce que j'ai: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip" ...>Tooltip</text>...
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...