Domande taggate «svg»

Scalable Vector Graphics (SVG) è un formato grafico vettoriale bidimensionale basato su XML che può essere utilizzato anche in HTML. Non aggiungere questo tag solo perché il tuo progetto utilizza SVG. Aggiungi invece il tag se la tua domanda riguarda SVG o è strettamente correlata ad esso, ad esempio come ottenere risultati con SVG.

13
Uso <img>, <object> o <embed> per i file SVG?
Dovrei usare &lt;img&gt;, &lt;object&gt;o &lt;embed&gt;per caricare file SVG in una pagina in modo simile al caricamento di un jpg, gifo png? Qual è il codice per ognuno per garantire che funzioni nel miglior modo possibile? (Sto vedendo riferimenti per includere il mimetipo o indicare i renderer SVG di fallback nella …


8
HTML5 Canvas vs. SVG vs. div
Qual è l'approccio migliore per creare elementi al volo e poterli spostare? Ad esempio, supponiamo che io voglia creare un rettangolo, un cerchio e un poligono, quindi selezionare quegli oggetti e spostarli. Capisco che HTML5 fornisce tre elementi che possono renderlo possibile: svg , canvas e div . Per quello …



17
Come convertire un SVG in un PNG con ImageMagick?
Ho un file SVG che ha una dimensione definita di 16x16. Quando uso il programma di conversione di ImageMagick per convertirlo in un PNG, ottengo un PNG di 16x16 pixel che è troppo piccolo: convert test.svg test.png Devo specificare la dimensione in pixel del PNG di output. -sizeil parametro sembra …
389 svg  imagemagick  png 

7
Ombra discendente SVG usando css3
È possibile impostare l'ombra discendente per un elemento svg usando css3, qualcosa del genere box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Ho visto alcune osservazioni sulla creazione di ombre usando effetti filtro. C'è un esempio dell'uso di css da solo. Di seguito è riportato un codice funzionante …
379 html  css  svg  svg-filters 

23
Rileva iPad Mini in HTML5
L'iPad Mini di Apple è un clone più piccolo dell'iPad 2 in più modi di quanto vorremmo. In JavaScript, l' window.navigatoroggetto espone gli stessi valori per Mini e iPad 2. I miei test finora per rilevare la differenza non hanno portato al successo. Perché questo è importante? Poiché gli schermi …
376 javascript  html  ipad  svg 

18
img src SVG modifica gli stili con CSS
html &lt;img src="logo.svg" alt="Logo" class="logo-img"&gt; css .logo-img path { fill: #000; } Lo svg sopra si carica ed è nativo fill: #fffma quando uso quanto sopra cssper provare a cambiarlo in nero non cambia, questa è la prima volta che gioco con SVG e non sono sicuro del perché non …
374 css  image  svg 

16
Come cambiare il colore di un elemento svg?
Voglio usare questa tecnica http://css-tricks.com/svg-fallbacks/ e cambiare il colore svg ma finora non sono stato in grado di farlo. L'ho messo nel CSS ma la mia immagine è sempre nera, non importa quale. Il mio codice: .change-my-color { fill: green; } &lt;svg&gt; &lt;image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /&gt; &lt;/svg&gt; …
352 css  svg 


15
jQuery SVG, perché non posso aggiungereClass?
Sto usando jQuery SVG. Non riesco ad aggiungere o rimuovere una classe a un oggetto. Qualcuno sa il mio errore? SVG: &lt;rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /&gt; Il jQuery che non aggiungerà la classe: $(".jimmy").click(function() { $(this).addClass("clicked"); }); So che SVG e jQuery stanno funzionando bene insieme perché …

7
SVG incorporato in CSS
È possibile utilizzare una definizione SVG inline nei CSS? Intendo qualcosa come: .my-class { background-image: &lt;svg&gt;...&lt;/svg&gt;; }
285 css  svg 


15
Come convertire un'immagine PNG in un SVG? [chiuso]
Chiuso . Questa domanda deve essere più focalizzata . Al momento non accetta risposte. Chiuso 4 anni fa . Bloccato . Questa domanda e le sue risposte sono bloccate perché la domanda è fuori tema ma ha un significato storico. Al momento non accetta nuove risposte o interazioni. Come convertire …
266 svg  png 

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.