Articles of svg

jQuery SVG vs Raphael

Sto lavorando su un’interfaccia intertriggers usando SVG e JavaScript / jQuery, e sto cercando di decidere tra Raphael e jQuery SVG . Mi piacerebbe saperlo Quali sono i trade-off tra i due Dove sembra essere lo slancio dello sviluppo. Non ho bisogno del supporto VML / IE in Raphael, o delle capacità di tracciamento di […]

Impostazione degli angoli arrotondati per svg: image

Stavo cercando di creare angoli arrotondati per s svg: image (immagine incorporata in SVG) con d3.js. Non riesco a capire come si adatta correttamente l’immagine, perché secondo le specifiche del W3C dovrei essere in grado di usare i CSS, ma il bordo neoke o gli spigoli arrotondati funzionano per me. Grazie in anticipo. vis.append(“svg:image”) .attr(“width”, […]

Aggiungi nomi degli stati a una mappa in d3.js

Sto usando la proiezione di albersUSA per visualizzare una mappa. Voglio aggiungere il nome degli stati a ciascuno stato. Questo è quello che ho provato, e posso vedere i nomi degli stati nella sorgente, ma non li vedo resi. Che cosa sto facendo di sbagliato? var width = 1060, height = 600, var svg = […]

Ridimensiona e rispecchia l’object SVG

Come faccio a scalare con la massima facilità un object, diciamo 2 volte la sua dimensione attuale e poi girarlo verticalmente e orizzontalmente, o entrambi? A partire da ora, posso impostare “scala (2,2)” affinché diventi 2 volte più grande della sua larghezza e altezza, ma non riesco a capovolgerlo allo stesso modo con la scala […]

(Incorpora e) Fai riferimento a un SVG esterno tramite D3 e / o javascript

Ho un file .svg e voglio incorporarlo nella struttura svg del mio d3-graphic. Devo anche fare riferimento a tutti i percorsi / poligoni collegati agli elementi g tramite un id di determinati elementi g. Ho provato diversi modi per incorporare e fare riferimento allo svg (g’s), ma non ha funzionato per alcuni motivi: (1) primo […]

Posso applicare una sfumatura lungo un percorso SVG?

Mi piacerebbe mettere un semplice indicatore di caricamento sul mio sito web che è triggersto da uno script. Dovrebbe essere un semplice arco circolare che ha una sfumatura e gira mentre l’utente è in attesa. Non ho provato la parte dell’animazione, ma per ora sono rimasto bloccato sullo stile statico. Ecco cosa ho ottenuto finora: […]

L’immagine dei dati SVG non funziona su Firefox

Sto impostando un SVG come background-image per uno pseudo elemento: content: ”; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url(‘data:image/svg+xml;utf8,’); background-repeat: repeat-x; background-position: bottom; ma per qualche motivo non compare su Firefox. Non voglio usare una base dati-url. Non è affatto ansible in Firefox?

Metodo per convertire la canvas HTML5 in SVG?

Hai bisogno di convertire una canvas HTML5 in SVG per la modifica? Il puntatore sarà apprezzato

È ansible utilizzare l’HTML .querySelector () per selezionare l’attributo xlink in un SVG?

Dato: È ansible utilizzare il DOM HTML .querySelector() o .querySelectorAll() per selezionare il collegamento all’interno di SVG in base al suo attributo xlink:href ? Questo funziona: document.querySelector(‘a’) // Questi non: document.querySelector(‘[href=”url”]’) // null document.querySelector(‘[xlink:href=”url”]’) // Error: not a valid selector document.querySelector(‘[xlink\:href=”url”]’) // Error: not a valid selector document.querySelector(‘[xlink\\:href=”url”]’) // null C’è un modo per scrivere […]

Compreso il modello SVG nella direttiva Angularjs

E questa è la mia direttiva module.directive(‘testrect’, function() { return { restrict: ‘E’, template: ”, replace: true }; }); Ma questo è ciò che l’elemento finisce con l’aspetto del browser. Il riempimento due volte non è un errore di battitura. Ecco un jsfiddle http://jsfiddle.net/RG2CF/ È ciò che sto cercando di non fare o sto facendo […]