Articles of svg

La cottura si trasforma in comandi Elemento percorso SVG

Sommario tl; dr . : dammi le risorse o aiuto per correggere il codice sottostante per trasformare i comandi di percorso per gli elementi SVG con una matrice arbitraria. dettagli : Sto scrivendo una libreria per convertire qualsiasi forma SVG arbitraria in un elemento . Lo faccio funzionare quando non ci sono elementi di transform=”…” […]

Converti SVG in PDF

Come si fa a convertire programmaticamente un file SVG in un PDF? (Devo modificare l’SVG in alcuni aspetti prima di generare il PDF, quindi la semplice pre-conversione con uno strumento non sarà sufficiente.) Idealmente usando Java ma anche Perl o PHP andrebbe bene. Ovviamente sto fondamentalmente considerando Apache FOP e Batik con Java. Comunque non […]

SVG che riordina lo z-index (Raphael opzionale)

Come posso riordinare Raphael oi relativi elementi SVG sottostanti dopo la creazione. Ancora meglio, qualcosa di simile ai livelli esiste in SVG? Idealmente vorrei due o più livelli in cui posizionare gli elementi in qualsiasi momento; Uno sfondo e un livello in primo piano. Se questa non è un’opzione, schioccare gli elementi in primo piano […]

zoom semantico del grafico di forza diretto in d3

Molti casi sono stati mostrati per lo zoom geometrico a forza di grafi diretti da SVG Geometric Zooming . Nello zoom geometrico, ho solo bisogno di aggiungere un attributo di trasformazione nella funzione di zoom. Tuttavia, nello zoom semantico, se aggiungo solo un attributo di trasformazione nel nodo, i collegamenti non si collegheranno al nodo. […]

Selettore jQuery + SVG incompatibile?

Ho lavorato con un documento HTML5 con SVG in linea e animazione javascript. Mi piacerebbe avere una finestra pop-up quando l’utente fa clic ovunque, e mi piacerebbe che la scatola sparisse quando l’utente clicca da qualche parte che non è la scatola. Ciò significa che non posso usare $(window).click() , che funziona. Ho provato a […]

Sostituire d3.transform in D3 v4

In D3.js v4 il metodo d3.transform è stato rimosso, senza alcun suggerimento su come sostituirlo. Qualcuno sa come sostituire la seguente istruzione D3.js v3? d3.transform(String).translate;

Come animare il testo della scrittura a mano sulla pagina web usando SVG?

Sto cercando di animare un testo che ho creato e salvato come SVG. Finora sono stato in grado di animare solo il tratto, ma non è quello che sto cercando di ottenere. Ecco il link all’esempio di cui ho bisogno: [http://codepen.io/se7ensky/pen/waoMyx][1] [https://codepen.io/munkholm/pen/EaZJQE][1] Apprezzerò davvero se qualcuno può spiegare come posso implementarlo. Ecco cosa ho finora: […]

Specificare un SVG come immagine di sfondo e ALSO come stile SVG in CSS?

È ansible specificare un SVG come immagine di sfondo e ALSO impostare lo SVG nello stesso file CSS? Mi piace molto posizionare, ridimensionare e ritagliare le immagini SVG come singoli file o sprite, ma non sono riuscito a capire se fosse ansible modellare l’SVG all’interno dello stesso file CSS come se lo impostasse come immagine […]

d3 aggiungi il testo alla cerchia

Sto cercando di aggiungere del testo in cerchio. Ho seguito un esempio da http://mbostock.github.com/d3/tutorial/circle.html ma non sono riuscito a ottenere l’output corretto. Lo snippet di codice è: var data; var code; d3.json(“/json/trace.json”, function(json) { data = json; console.log(data); // get code for visualization code = data[“code”]; alert(code); var mainSVG = d3.select(“#viz”) .append(“svg”) .attr(“width”, 900) .attr(“height”, […]

attributo svg viewBox

Sto imparando svg dai suoi documenti ufficiali, c’è una tale linea. Non capisco, se ha già un attributo width e height , che senso ha specificarlo di nuovo in viewBox=”0 0 1500 1000″ ? Si dice, “L’unità di un px è definita per essere uguale a un’unità di un utente.Quindi, una lunghezza di” 5px “è […]