Articles of svg

JavaScript createElement e SVG

Voglio creare grafica SVG in linea usando Javascript. Tuttavia, sembra che la funzione createElementNS applichi una certa normalizzazione e trasformi tutti i tag in caratteri minuscoli. Questo va bene per HTML ma non per XML / SVG. Il NS che ho usato è http://www.w3.org/2000/svg . In particolare, ho problemi nella creazione di un elemento. Come […]

Il meta elemento di IE11 interrompe SVG

Ho incorporato i dati di un file SVG direttamente nel mio html. Si mostra in Chrome e Firefox, ma in IE11 non viene mostrato affatto. Il collegamento pastebin a SVG è http://pastebin.com/eZpLXFfD Ho provato ad aggiungere un TAG META ma inutilmente. All’inizio ho pensato che potesse trattarsi di un problema di visualizzazione della compatibilità di […]

Come tagliare un buco in un rettangolo SVG

Quindi, come dice il mio titolo, voglio “tagliare un buco” in un elemento retto. Ho due elementi retti, uno sopra l’altro. Quello in basso ha un colore di riempimento di bianco, e quello in alto ha un colore di riempimento di grigio. Quello che voglio fare è tagliare un triangolo fuori dall’elemento rect superiore in […]

Come rendere un SVG ridimensionato a un QImage?

Esiste una class QSvgRenderer nel modulo QtSvg che può eseguire il rendering dell’immagine su QPaintDevice . Questo può essere QImage . In tal caso creeremo: Image svgBufferImage(renderer.defaultSize(), QImage::Format_ARGB32); Ma come eseguire il rendering su una QImage di dimensioni diverse rispetto a quelle predefinite dal renderer SVG? Poiché l’immagine in formato SVG può essere ridimensionata senza […]

Eventi del mouse D3: fai clic e trascina fine

In D3, se hai definito una funzione di trascinamento come questa: var drag = d3.behavior.drag() .on(“drag”, function () {alert(“drag”)}) .on(“dragend”, function () {alert(“dragEnd”)}); Non puoi davvero fare quanto segue: d3.select(“#text1”) .on(“click”, function(d,i) {alert(“clicked”)}) .call(drag); Il motivo è che il clic verrà generato dopo che il “dragend” sparerà. Secondo me, dovrebbe esserci un evento separato per […]

Converti un file SVG generato da JavaScript in un file

Sto usando d3.js per visualizzare alcuni dati. Mi piacerebbe essere in grado di prendere il codice SVG che genera e memorizzarlo come file di immagine .svg (per la modifica in Inkscape / Illustrator). Ho provato semplicemente a copiare il contenuto del tag svg cioè in un file chiamato image.svg, ma questo manca sulle informazioni sul […]

Il server dev Django può servire correttamente SVG?

Sto cercando di servire una mappa svg usando: In Firefox questo porta a un prompt di plugin. Se rinominare la mappa. svg alla mappa. xml mostra l’immagine correttamente. Presumo questo perché il server di sviluppo di Django (in particolare django.views.static.serve ) non sta servendo lo svg con il tipo mime corretto. È questo il problema, […]

Come posso restituire la coordinata di un percorso in d3.js?

Ho un grafico e voglio che la linea che rappresenta il grafico mostri un cerchio alla coordinata x quando passi sopra l’area svg. Questo cerchio dovrebbe seguire il percorso della linea che rappresenta la curva. Il problema è che non so come farlo. Il codice seguente mostra fino a che punto sono riuscito e aggiunge […]

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

Ho il codice seguente:   È ansible modificare il colore di riempimento del percorso SVG con CSS o altri mezzi senza effettivamente cambiarlo all’interno del tag percorso?

Come usare jquery in SVG (Scalable Vector Graphics)?

Ho incorporato SVG nel mio file php per mostrare una mappa. Voglio usare jquery su di esso ma non ho idea di come colbind jquery al suo interno. Spero che qualcuno abbia già fatto una cosa del genere. Quindi, per favore aiutaci su questo problema. Grazie MODIFICARE QUI ho trovato alcune informazioni utili sulla mia […]