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.

4
Incorporamento di SVG in ReactJS
È possibile incorporare il markup SVG in un componente ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Risultati nell'errore: Gli attributi dello spazio dei nomi non sono supportati. ReactJSX non è XML. Qual è il modo più leggero per farlo. Usare qualcosa …
127 javascript  svg  reactjs 
9
Converti PDF in SVG pulito? [chiuso]
Chiuso. Questa domanda non soddisfa le linee guida di Stack Overflow . Attualmente non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che sia in argomento per Stack Overflow. Chiuso 2 anni fa . Migliora questa domanda Sto tentando di convertire un PDF in SVG. Tuttavia, quello …
114 pdf  svg 
6
SVG usa tag e ReactJS
Quindi normalmente per includere la maggior parte delle mie icone SVG che richiedono uno stile semplice, faccio: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Ora sto giocando con ReactJS negli ultimi tempi valutandolo come un possibile componente nel mio nuovo stack di sviluppo front-end, tuttavia ho notato che nella sua lista di …
114 svg  sprite  reactjs 
9
Come ridimensiono un SVG ostinato incorporato con il tag <object>?
Ho alcuni file SVG che specificano widthe heightcosì viewboxcome questo: &lt;svg width="576pt" height="432pt" viewBox="0 0 576 432" &gt; ... ma come visualizzarli nel browser con una dimensione che decido? Li voglio più piccoli e ho provato: &lt;object width="400" data="image.svg"&gt;&lt;/object&gt; ma poi ottengo barre di scorrimento visibili. Funziona se cambio i …
114 html  svg 
5
Grafici / grafici interattivi veloci e reattivi: SVG, Canvas, altro?
Sto cercando di scegliere la tecnologia giusta da utilizzare per aggiornare un progetto che fondamentalmente rende migliaia di punti in un grafico zoomabile e pannabile. L'attuale implementazione, utilizzando Protovis, è sottoperformante. Controllalo qui: http://www.planethunters.org/classify Ci sono circa 2000 punti quando si rimpicciolisce completamente. Prova a utilizzare le maniglie in basso …
114 html  canvas  svg  d3.js  kineticjs 
1
Utilizzo di copy-of con document () per aggiungere SVG all'output XHTML
Durante l'elaborazione del mio XML, sto cercando di copiare un file SVG a cui fa riferimento un hrefattributo direttamente nel mio HTML di output con la seguente riga: &lt;xsl:copy-of copy-namespaces="yes" select="document(@href)"/&gt; Non copy-namespacesdovrebbe essere necessario poiché il valore predefinito è "sì" comunque, ma l'ho aggiunto per evitare domande sul fatto …
113 html  xml  svg  xslt-1.0  xslt-2.0 
2
Favicon Standard - 2020 - svg, ico, png e dimensioni?
Quali dimensioni, formati di file e tag meta / link della favicon dovrebbero essere usati a partire dal 2020? Ciò include l'icona della mela, Windows, Android e altri dispositivi che le persone usano oggi. Uso Opera e vedo che supporta il formato svg. È la soluzione migliore per utilizzare svg …
113 html  svg  png  favicon 
5
Come far espandere o contrarre un elemento <svg> nel suo contenitore principale?
L'obiettivo è che l' &lt;svg&gt;elemento si espanda alla dimensione del suo contenitore genitore, in questo caso a &lt;div&gt;, non importa quanto grande o piccolo possa essere quel contenitore. Il codice: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" y="0" width="100" height="100" …
8
Converti un'immagine SVG in PNG con PHP
Sto lavorando a un progetto web che coinvolge una mappa generata dinamicamente degli Stati Uniti che colorano stati diversi sulla base di un insieme di dati. Questo file SVG mi dà una buona mappa vuota degli Stati Uniti ed è molto facile cambiare il colore di ogni stato. La difficoltà …
111 php  svg  imagemagick  jpeg  gd2 
1
SVG cambia colore quando viene ruotato in Safari 10
Ho appena incontrato un problema molto strano che si presenta solo in Safari 10. Ho carte da gioco, immagini svg, che a volte vengono ruotate usando transform:rotate(xdeg). La carta che sto usando ha un motivo a blocchi rossi. Quando non è ruotato o ruotato ad angolo retto, cioè 90, 180, …
109 html  css  svg  safari 
8
Impossibile importare file SVG in dattiloscritto
Nei typescript(*.tsx)file non posso importare il file svg con questa dichiarazione: import logo from './logo.svg'; Transpiler dice: Il [ts] cannot find module './logo.svg'. mio file svg è solo &lt;svg&gt;...&lt;/svg&gt;. Ma nel .jsfile sono in grado di importarlo senza problemi con la stessa identica dichiarazione di importazione. Suppongo che abbia qualcosa …
109 typescript  svg 
7
Ritorno a capo automatico nel testo SVG
Vorrei visualizzare un &lt;text&gt;in SVG che cosa si avvolge automaticamente nel contenitore &lt;rect&gt;allo stesso modo in cui il testo HTML riempie gli &lt;div&gt;elementi. C'è un modo per farlo? Non voglio posizionare le linee con parsimonia usando &lt;tspan&gt;s.
108 xml  text  svg  word-wrap 
6
Come interrompere la riga di un testo in formato svg all'interno di javascript?
Quindi ecco cosa ho: &lt;path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/&gt; &lt;rect class="tooltip_bg" id="tooltip_bg" ... /&gt; &lt;text class="tooltip" id="tooltip" ...&gt;Tooltip&lt;/text&gt; &lt;script&gt; &lt;![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set visibility ... …
3
Come applicare uno stile a un SVG incorporato?
Quando un SVG viene incluso direttamente in un documento utilizzando il &lt;svg&gt;tag, puoi applicare gli stili CSS all'SVG tramite il foglio di stile del documento. Tuttavia, sto cercando di applicare uno stile a un SVG incorporato (utilizzando il &lt;object&gt;tag). È possibile utilizzare qualcosa come il codice seguente? object svg { …
107 html  css  svg 
6
SVG ottiene la larghezza dell'elemento di testo
Sto lavorando su alcuni ECMAScript / JavaScript per un file SVG e ho bisogno di ottenere il widthe heightdi un filetext ho elemento in modo da poter ridimensionare un rettangolo che lo circonda. In HTML sarei in grado di utilizzare gli attributi offsetWidthe offsetHeightsull'elemento ma sembra che quelle proprietà non …
106 javascript  dom  text  svg 
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.