Articles of svg

Il modello SVG non viene visualizzato nella pagina

Sono completamente all’oscuro, cosa non va nel mio schema SVG. L’ho definito nella sezione def della svg e poi ho provato a farvi riferimento. Ma non compare una volta che includo lo svg in un img-tag. Se lo apro su se stesso nel browser, tutto è comunque buono. Guarda i seguenti esempi: http://kijani.co/img/sketch/index.html http://kijani.co/img/sketch/livingroom.svg E […]

Utilizzo di pseudo-elementi sui sottoelementi SVG

Al momento ho un SVG che è una mappa del Regno Unito, ho aggiunto alcuni elementi del cerchio all’SVG che saranno usati come indicatori di posizione. Idealmente, speravo di usare il selettore #newcastle:hover::after { … } per creare uno pseudo-elemento quando l’utente passa sopra l’indicatore di posizione, ma questo non sembra funzionare. Ho dato un’occhiata […]

Generazione di file SVG usando PHP

Quindi, sto tentando di creare alcune immagini di tag per i miei utenti, mostrando i punti totali che hanno guadagnato. Sto tentando di scrivere SVG in un file php che aggiungerà contenuti dinamici, come i punti dell’utente. Mi piacerebbe usare un tag HTML per recuperare l’SVG da un file image_gen.php . Come posso visualizzare l’SVG […]

Riquadro SVG che mostra gli elementi fuori schermo

Sto facendo un gioco in HTML5 usando il tag svg per la grafica per fornire display multi-risoluzione. La maggior parte del gioco è completa, ma in fase di test mi sono imbattuto in un grosso bug che implica la visibilità degli oggetti SVG, nonostante sia al di fuori della viewbox su risoluzioni non native. Non […]

Come posso visualizzare un’immagine SVG all’interno di un tag su una scala diversa?

Come posso visualizzare un’immagine SVG all’interno di un tag di object su una scala diversa dalla sua scala originale? Ad esempio, se ho un file SVG salvato come example.svg: e voglio mostrarlo in page.html su una scala diversa: Dovrebbe mostrare una versione di svg ridotta a 50×50, ma invece mantiene la scala uguale e dà […]

Crea un percorso clip inverso – CSS o SVG

Sto cercando di creare ciò che è essenzialmente il contrario di un percorso clip CSS. Quando si utilizza il tracciato della clip, un’immagine o div viene tagliata in modo tale che solo la forma specificata rimanga e il resto dello sfondo venga effettivamente eliminato. Mi piacerebbe che, se ritouch una forma, colpisca fondamentalmente un foro […]

Come consentire a un SVG di apparire su un elemento div in javascript

Al momento ho implementato un svg usando la libreria svg.js. Il cerchio “draw_face” viene disegnato sull’id canvas che è un SVG e non un div. chiamando .draggable (), la forma può essere trascinata ovunque sulla “canvas”. comunque voglio trascinarlo nel “save” div così da poter salvare tutti gli elementi svg all’interno di quel div come […]

IE sta centrando il mio svg

qualche idea del perché questo sta accadendo? Se incolli quanto segue in un nuovo codepen.io in chrome, viene visualizzato un segno di spunta e si trova nell’angolo in alto a sinistra. Comunque vederlo in IE e la sua destra nel mezzo della pagina http://codepen.io/anon/pen/RaeYjd

Usando SVG per tagliare (o mascherare) un DIV

Ho cercato tanto su Google e mi sono arreso, quindi mi rivolgerò agli esperti là fuori per vedere se qualcuno può aiutarmi nella mia ricerca. Ho un logo convertito in .SVG tramite l’illustratore. Il mio objective è usare quel logo per ritagliare (o mascherare se si preferisce) un intero div in modo che solo una […]

Selettore CSS per SVG discendenti – IE soluzione alternativa desiderata

Il mio SVG in linea simula un indicatore LED a sette cifre ( en.wikipedia.org/wiki/Seven-segment_display ) a tre cifre. A causa di gruppi riutilizzabili di segmenti, ho codificato questi sette una volta e l’ho inserito per tre volte in element. A causa della ripetizione di caratteri, ho codificato ogni modello di carattere una volta con selettori […]