Programmazione svg

8

Come utilizzare i marcatori SVG nell'API di Google Maps v3

Posso usare il mio file image.svg convertito come icona della mappa di Google. Stavo convertendo la mia immagine png in svg e voglio usare questo come il simbolo della mappa di Google che può essere ruotato. Ho già provato a utilizzare il simbolo di google map ma voglio avere un'icona …

91 google-maps google-maps-api-3 svg

5

Icone SVG contro icone PNG nei siti web moderni

Mi chiedo perché così pochi siti web moderni utilizzino ancora solo PNG per le icone (ma questa ipotesi si basa solo sulla mia osservazione). Finora lo so, i motivi principali per l'utilizzo di PNG su SVG sono IE8 e che SVG utilizza più potenza della CPU (ma non credo che …

91 html svg icons

12

Testo trasparente tagliato fuori dallo sfondo

C'è un modo per rendere un testo trasparente ritagliato da un effetto di sfondo come quello nell'immagine seguente, con CSS? Sarebbe triste perdere tutto il prezioso SEO a causa delle immagini che sostituiscono il testo. Ho pensato prima alle ombre ma non riesco a capire niente ... L'immagine è lo …

90 css svg fonts css-shapes

8

Estrazione di SVG da Font Awesome

Voglio ottenere i dati del percorso SVG dai glifi di Font Awesome in modo da poterli utilizzare direttamente come SVG nel mio HTML. Ho pensato che sarebbe stato facile come copiare e incollare i dati del percorso da fontawesome-webfont.svg , ma quando lo uso nel mio HTML i simboli vengono …

89 html svg font-awesome

4

I documenti SVG supportano attributi di dati personalizzati?

In HTML5, gli elementi possono avere metadati arbitrari memorizzati in attributi XML i cui nomi iniziano con data-come <p data-myid="123456">. Anche questa parte delle specifiche SVG? In pratica questa tecnica funziona bene per i documenti SVG in molti posti. Ma mi piacerebbe sapere se fa parte delle specifiche SVG ufficiali …

87 svg web-standards

9

Con JavaScript, posso cambiare l'indice Z / layer di un elemento <g> SVG?

Diciamo che ho un paio di forme composite ( <g>). Voglio poterli fare clic e trascinare, ma voglio che quello che sto trascinando in questo momento sia sopra l'altro nell'ordine Z, in modo che se lo trascino sull'ALTRO, l'altro uno dovrebbe essere eclissato.

86 javascript svg

7

Ottieni larghezza / altezza dell'elemento SVG

Qual è il modo corretto per ottenere le dimensioni di un svgelemento? http://jsfiddle.net/langdonx/Xkv3X/ Chrome 28: style x client 300x100 offset 300x100 IE 10: stylex client300x100 offsetundefinedxundefined FireFox 23: "style" "x" "client" "0x0" "offset" "undefinedxundefined" Ci sono proprietà di larghezza e altezza su svg1, ma .width.baseVal.valueviene impostato solo se imposto gli …

86 javascript svg

6

Disegnare frecce sopra HTML

Ho una tabella html e voglio disegnare una freccia da una cella a un'altra cella. Ad esempio in questo modo: Come si può fare? HTML di esempio: <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> Se ridimensionate il browser, la freccia …

13 javascript html svg

2

Schermata iniziale Android VectorDrawable

Voglio mostrare un disegno vettoriale nella mia schermata iniziale <?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> Il mio SVG ha android:width="320dp"eandroid: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 …

11 android svg splash-screen android-vectordrawable

2

SVG CSS Animazioni multiple

Ho creato un'animazione della mappa del tesoro, in primo luogo, visualizzerà il percorso in grigio chiaro ma all'avvio dell'animazione vorrei che i trattini di grigio chiaro scomparissero o si trasformassero in un colore nero mentre l'animazione di riempimento ".road" si avvia. Sono lottando per far scomparire i trattini grigio chiaro …

9 css svg

Domande taggate «svg»