Programmazione svg

14

Chiuso . Questa domanda è basata sull'opinione . Al momento non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che possa essere risolta con fatti e citazioni modificando questo post . Chiuso 6 anni fa . Migliora questa domanda Sto lavorando su un'interfaccia interattiva usando SVG e …

254 javascript jquery svg raphael

1

Come posso centrare un SVG in un div?

Ho un SVG che sto cercando di centrare in un div. Il div ha una larghezza o 900px. SVG ha una larghezza di 400 px. SVG ha i margini margine sinistro e margine destro impostati su auto. Non funziona, si comporta solo come se il margine sinistro sia 0 (impostazione …

254 css layout svg positioning margin

8

Esiste un modo per utilizzare SVG come contenuto in uno pseudo elemento: prima o: dopo

Voglio posizionare alcune immagini SVG prima di alcuni elementi selezionati. Sto usando jQuery ma questo è irrilevante. Vorrei che l' :beforeelemento fosse: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Se lo faccio come mostrato sopra, visualizza solo la stringa. …

246 css svg

7

Come posso creare una scala svg con il suo contenitore principale?

Voglio avere una scala dei contenuti dell'elemento svg inline quando la dimensione non è nativa. Naturalmente potrei averlo come file separato e ridimensionarlo in quel modo. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Tuttavia, voglio aggiungere altri stili al file SVG tramite CSS, quindi il collegamento di …

236 css html svg scaling

12

Come faccio a creare una lacrima in HTML?

Come faccio a creare una forma come questa da visualizzare in una pagina Web? Non voglio usare le immagini poiché potrebbero risultare sfocate nel ridimensionamento Ho provato con CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; …

223 html css svg css-shapes

10

Puoi controllare come viene disegnata la larghezza del tratto di un SVG?

Attualmente in costruzione un'applicazione SVG basata su browser. All'interno di questa app, le varie forme possono essere disegnate e posizionate dall'utente, inclusi i rettangoli. Quando applico stroke-widtha un rectelemento SVG di dire 1px, il tratto viene applicato rectall'offset e all'inserzione in diversi modi da diversi browser. Ciò si sta rivelando …

204 svg offset rect

4

Sono necessari parametri SVG come 'xmlns' e 'versione'?

In circa la metà degli esempi svg che vedo su Internet, il codice è racchiuso in semplici <svg></svg>tag semplici . Nell'altra metà, i tag svg hanno molti attributi complicati come questo: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> La mia domanda è: va bene usare i semplici tag svg? Ho provato a giocare …

204 xml svg tags

5

Posizionamento SVG

Sto giocando con SVG e ho qualche problema con il posizionamento. Ho una serie di forme contenute nel gtag del gruppo. Speravo di usarlo come un contenitore, in modo da poter impostare la sua posizione x e quindi anche tutti gli elementi di quel gruppo si sarebbero mossi. Ma questo …

203 svg position grouping

8

Posso cambiare il colore di riempimento di un percorso svg con CSS?

Ho il codice seguente: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> È possibile cambiare il colore di riempimento del percorso SVG con CSS o altri mezzi senza modificarlo all'interno del tag percorso?

202 css svg

7

Come posso rimuovere o sostituire il contenuto SVG?

Ho un pezzo di codice JavaScript che crea (usando D3.js) un svgelemento che contiene un grafico. Voglio aggiornare il grafico in base ai nuovi dati provenienti da un servizio Web utilizzando AJAX, il problema è che ogni volta che faccio clic sul pulsante di aggiornamento, genera un nuovosvg , quindi …

200 javascript ajax svg d3.js

14

l'append di jquery non funziona con l'elemento svg?

Supponendo questo: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Perché non vedo niente?

199 jquery html svg

13

Come calcolare il percorso SVG per un arco (di un cerchio)

Dato un cerchio centrato su (200.200), raggio 25, come posso disegnare un arco da 270 gradi a 135 gradi e uno che va da 270 a 45 gradi? 0 gradi significa che è proprio sull'asse x (il lato destro) (significa che è la posizione 3 ore) 270 gradi significa che …

191 svg

5

SVG: testo all'interno di rect

Voglio visualizzare del testo all'interno di SVG rect. È possibile? Provai <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Ma non funziona

180 text svg rect

10

Come posizionare e centrare il testo in un rettangolo SVG

Ho il seguente rettangolo ... <rect x="0px" y="0px" width="60px" height="20px"/> Vorrei centrare la parola "Fiction" al suo interno. Per altri rettangoli, la parola svg si avvolge per rimanere al loro interno? Non riesco a trovare nulla di specifico sull'inserimento di testo all'interno di forme centrate sia in orizzontale che in …

179 text svg

8

Includi un file SVG (ospitato su GitHub) in MarkDown

So che un'immagine può essere inserita in un MD con la sintassi MD di uno dei due ![Alt text](/path/to/img.jpg)o ![Alt text](/path/to/img.jpg "Optional title"), ma ho difficoltà a posizionare un SVG in MD in cui il codice è ospitato su GitHub. Alla fine uso rails3 e cambio il modello frequentemente in …

173 svg github markdown

Domande taggate «svg»