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.
Dois - je utiliser <img>, <object>ou <embed>pour le chargement des fichiers SVG dans une page d'une manière similaire à un chargement jpg, gifou png? Quel est le code de chacun pour s'assurer qu'il fonctionne le mieux possible? (Je vois des références à l'inclusion du type MIME ou...
Quand faut-il utiliser certains types de fichiers image lors de la création de sites Web ou d'interfaces, etc.? Quels sont leurs points forts et faibles? Je sais que PNG et GIF sont sans perte, tandis que JPEG est avec perte. Mais quelle est la principale différence entre PNG et GIF? Pourquoi...
Quelle est la meilleure approche pour créer des éléments à la volée et pouvoir les déplacer? Par exemple, disons que je veux créer un rectangle, un cercle et un polygone, puis sélectionner ces objets et les déplacer. Je comprends que HTML5 fournit trois éléments qui peuvent rendre cela possible:...
Pour plus d'informations sur le débordement de pile Ceci est une auto-question d'un morceau de code pratique que j'ai trouvé. Actuellement, il n'y a pas de moyen facile d'incorporer une image SVG et d'avoir ensuite accès aux éléments SVG via CSS. Il existe différentes méthodes d'utilisation des...
Est-il possible de définir un niveau de transparence ou alpha sur les couleurs de remplissage SVG? Je l' ai essayé d' ajouter deux valeurs à la balise de remplissage (changer de fill="#044B94"à fill="#044B9466"), mais cela ne fonctionne
J'ai un fichier SVG qui a une taille définie de 16x16. Lorsque j'utilise le programme de conversion d'ImageMagick pour le convertir en PNG, j'obtiens un PNG 16x16 pixels qui est beaucoup trop petit: convert test.svg test.png Je dois spécifier la taille de pixel du PNG de sortie. -sizesemble être...
Est-il possible de définir l'ombre portée d'un élément svg en utilisant css3, quelque chose comme box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; J'ai vu quelques remarques sur la création d'ombres à l'aide d'effets de filtre. Existe-t-il un exemple d'utilisation de CSS...
L'iPad Mini d'Apple est un clone plus petit de l'iPad 2 à bien des égards que nous ne le souhaiterions. En JavaScript, l' window.navigatorobjet expose les mêmes valeurs pour le Mini et l'iPad 2. Mes tests jusqu'à présent pour détecter la différence n'ont pas abouti. Pourquoi est-ce important? Comme...
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } Le svg ci-dessus se charge et est natif, fill: #fffmais lorsque j'utilise ce qui précède csspour essayer de le changer en noir, il ne change pas, c'est ma première fois à jouer avec SVG et je ne sais pas...
Je veux utiliser cette technique http://css-tricks.com/svg-fallbacks/ et changer la couleur svg mais jusqu'à présent je n'ai pas pu le faire. Je mets ça dans le css mais mon image est toujours noire, quoi qu'il arrive. Mon code: .change-my-color { fill: green; } <svg> <image...
Je veux convertir SVG en images bitmap (comme JPEG, PNG, etc.) via
J'utilise jQuery SVG. Je ne peux pas ajouter ou supprimer une classe à un objet. Quelqu'un connaît mon erreur? Le SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> Le jQuery qui n'ajoutera pas la classe: $(".jimmy").click(function() { $(this).addClass("clicked");...
Est-il possible d'utiliser une définition SVG en ligne en CSS? Je veux dire quelque chose comme: .my-class { background-image: <svg>...</svg>; }
En plaçant la sortie SVG directement en ligne avec le code de la page, je peux simplement modifier les couleurs de remplissage avec CSS comme ceci: polygon.mystar { fill: blue; } circle.mycircle { fill: green; } Cela fonctionne très bien, mais je cherche un moyen de modifier l'attribut "fill" d'un...
Fermé . Cette question doit être plus ciblée . Il n'accepte pas actuellement les réponses. Fermé il y a 4 ans . Verrouillé . Cette question et ses réponses sont verrouillées car la question est hors sujet mais a une signification historique. Il n'accepte pas actuellement de nouvelles réponses ou...
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 0 (par défaut). Quelqu'un connaît mon...
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 sur...
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 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"...
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;...