Articles of svg

Paramètres optimaux pour l’exportation de fichiers SVG pour le Web à partir d’Illustrator?

Je cherche à utiliser un logo SVG pour un site Web – pour le rendre parfait sur un design réactif pour tous les appareils. Mais comme il y a des problèmes , je veux prendre en charge autant d’appareils et de navigateurs que possible. La vitesse de chargement est également une considération importante. Comment les […]

Redimensionner SVG en HTML?

Donc, j’ai un fichier SVG en HTML, et l’une des choses que j’ai entendu au sujet du format est qu’il n’est pas pixélisé lorsque vous zoomez dessus. Je sais avec un JPEG ou tout ce que je pourrais avoir stocké comme une icône 50 par 50, puis l’affiche réellement comme une vignette (plutôt pixélisée) 100 […]

Les parameters 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é de simples balises . Dans l’autre moitié, les balises svg ont beaucoup d’atsortingbuts compliqués comme ceci: Ma question est la suivante: est-il possible d’utiliser les balises svg simples? J’ai essayé de jouer avec les plus compliqués et tout fonctionne […]

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

J’ai le code suivant:   Est-il possible de changer la couleur de remplissage du chemin SVG avec CSS ou d’autres moyens sans la changer réellement dans la balise path?

Remplir l’élément de chemin SVG avec une image d’arrière-plan

Est-il possible de définir une background-image d’ background-image pour un élément SVG ? Par exemple, si je définis l’élément class=”wall” , le style CSS .wall {fill: red;} fonctionne, mais .wall{background-image: url(wall.jpg)} ne le fait pas, ni .wall {background-color: red;} .

SVG: texte à l’intérieur de rect

Je veux afficher du texte dans SVG rect . C’est possible? j’ai essayé Hello Mais ça ne marche pas.

Capture Signature en utilisant HTML5 et iPad

Quelqu’un sait comment cela peut être fait? Voulez-vous utiliser un object canvas, svg, jQuery, etc.?

Type mime droit pour les images SVG avec des fonts incorporées

Ceci est le type de mime SVG habituel: image/svg+xml Et ça marche super bien. Cependant, lorsque vous incorporez une police SVG, chrome vous indique que le type MIME est incorrect, évidemment parce que vous retournez une police au lieu d’une image. Y a-t-il un type universel de mime? chrome est-il faux? application/svg+xml accepté d’une manière […]

Positionnement SVG

Je joue avec SVG et j’ai quelques problèmes de positionnement. J’ai une série de formes qui sont contenues dans la balise de groupe g . J’espérais l’utiliser comme un conteneur, afin que je puisse définir sa position x, puis tous les éléments de ce groupe seraient également déplacés. Mais cela ne semble pas possible. Comment […]

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

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