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.

6
Comment ajouter une info-bulle à un graphique svg?
J'ai une série de rectangles svg (en utilisant D3.js) et je veux afficher un message au survol de la souris, le message doit être entouré d'une boîte qui sert d'arrière-plan. Ils doivent tous deux être parfaitement alignés entre eux et avec le rectangle (en haut et centrés). Quelle est la …
5
Icônes SVG vs icônes PNG dans les sites Web modernes
Je me demande pourquoi si peu de sites Web modernes utilisent encore uniquement des PNG pour les icônes (mais cette hypothèse est juste basée sur mon observation). Jusqu'à présent, je sais, les principales raisons d'utiliser des PNG sur SVG sont IE8 et que SVG utilise plus de puissance de processeur …
91 html  svg  icons 
12
Texte transparent découpé en arrière-plan
Existe-t-il un moyen de faire un texte transparent coupé d'un effet d' arrière-plan comme celui de l'image suivante, avec CSS? Il serait triste de perdre tout précieux SEO à cause des images remplaçant le texte. J'ai d'abord pensé aux ombres mais je ne peux rien comprendre ... L'image est l'arrière-plan …
90 css  svg  fonts  css-shapes 
8
Extraire SVG de Font Awesome
Je veux obtenir les données de chemin SVG à partir des glyphes Font Awesome afin de pouvoir les utiliser directement comme SVG dans mon HTML. Je pensais que ce serait aussi simple que de copier-coller les données de chemin de fontawesome-webfont.svg , mais lorsque je l'utilise dans mon HTML, les …
89 html  svg  font-awesome 
7
Comment se débarrasser de l'espace supplémentaire sous svg dans l'élément div
Voici une illustration du problème (testé sous Firefox et Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Vue sur JSFiddle Notez l' redespace supplémentaire à l'intérieur du divdessous du bleu svg. Déjà essayé le réglage paddinget margindes deux éléments à 0, mais sans …
87 html  css  svg 
6
Dessiner des flèches au-dessus de HTML
J'ai un tableau html et je veux dessiner une flèche d'une cellule à une autre cellule. Par exemple, comme ceci: Comment cela pourrait-il être fait? Exemple HTML: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Si vous redimensionnez le navigateur, la …
13 javascript  html  svg 
2
Écran de démarrage Android Vector
Je veux afficher un VectorDrawable dans mon écran de démarrage <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" android:gravity="fill" /> <item android:drawable="@drawable/splash_screen" android:gravity="bottom|center" /> </layer-list> Mon SVG a android:width="320dp"etandroid:height="238dp" <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="320dp" android:height="238dp" android:viewportWidth="320" android:viewportHeight="238"> <group> <clip-path android:pathData="M0,0h320v238h-320z M 0,0"/> <path android:pathData="M0,143.311a160,4.476 0,1 0,320 0a160,4.476 0,1 0,-320 0z" android:fillColor="#E6E6E6"/> <path android:pathData="M245.269,94.815C245.067,94.818 …
2
SVG CSS animations multiples
J'ai créé une animation de carte au trésor, tout d'abord, elle affichera le chemin en gris clair mais au fur et à mesure que l'animation commence, j'aimerais que les tirets gris clair disparaissent ou prennent une couleur noire lorsque l'animation de remplissage ".road" entre en jeu. Je suis du mal …
9 css  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.