Articles of svg

Responsive SVG in ie not working

Sto facendo un sito per un cliente in cui ho bisogno di avere aree mouse-over specifiche su una foto di un edificio. Invece di mappare le coordinate, ho pensato che sarebbe stato più semplice delineare ogni piano in un SVG e fare un passaggio del mouse ogni forma. Il Funziona alla grande in Chrome e […]

Ridimensionamento delle immagini SVG di ridimensionamento in Safari e IE

Ho usato un semplice scambio di immagini jquery per alcune icone e ho usato svg come immagini. $(function(){ $(‘img.rollover’).hover(function(){ var e = $(this); e.data(‘originalSrc’, e.attr(‘src’)); e.attr(‘src’, e.attr(‘data-rollover’)); }, function(){ var e = $(this); e.attr(‘src’, e.data(‘originalSrc’)); }); /* a preloader could easily go here too */ }); Funziona tutto bene in chrome, ma in safari dopo […]

Bordo parziale / tratto usando SVG

Sto usando svg / d3 per creare un grafico fatto di elementi ‘rect’. Qual è il modo migliore per aggiungere un bordo / tratto di particella per ciascun rettangolo (solo sulla parte superiore del rettangolo)? Grazie

SVG animate stroke-dashoffset in IE – la larghezza del tratto è 0

Sto provando ad animare un riempimento circolare usando un SVG. Funziona magnificamente in Chrome, FF, Safari, ma in IE l’animazione non avverrà. Sto usando jQuery animate (non le animazioni css, che IE 11 e down non supportano per SVG). Codice di animazione semplificato: var animateSvg = function() { setTimeout(function(){ $(‘#oil-can-svg .inner-circle’).animate({‘strokeDashoffset’: 382}); }, 1050); } […]

Disegna una mezzaluna usando SVG in HTML

È ansible disegnare una falce di luna usando SVG in HTML? Ho provato cose alla W3 Schools ma non ne vedo un esempio. Non ho bisogno di nessuna delle ombreggiature che vedi nelle tipiche immagini google di “falce di luna”, solo una luna crescente a mezzaluna.

Come disegnare una curva usando div?

Devo disegnare due curve, usando i CSS. Ho cercato di assemblare alcune div , usando il border-radius CSS per disegnare il pannello curvo. Ma il risultato è cattivo. Qualche migliore aritmetica?

Qual è il modo corretto di usare SVG in Opera?

Qualcuno può dirmi come forzare Opera Opera a renderizzare SVG in html? Questo codice funziona bene se l’estensione del file non è .html upd: Sto provando a mettere div con svg inside generato da raphael.js in una nuova finestra. E non funziona in Opera.

L’ID href SVG non viene trovato quando si trova su un sito secondario / sottocartella

Questo problema riguarda un altro argomento: la creazione di un sito Web Ajax con collegamenti a più sottocartelle non funziona . Si prega inoltre di dare un’occhiata alla discussione in cui è stata trovata la soluzione per quel problema. Il mio attuale problema con questa soluzione è che quando ci si trova su un sito […]

Wave (o shape?) Con bordo su CSS3

Ho bisogno di implementare una forma d’onda con CSS3, ho cercato di implementare con CSS3 Shapes, ma non ho raggiunto il risultato desiderato. * { margin: 0; padding: 0; } body { background: #007FC1; } .container, .panel { border-bottom: 4px solid #B4CAD8; } .container { background-color: #fff; } .container > .text { padding: 0.5em; } […]

Perché le barre di scorrimento vengono visualizzate quando si utilizza un elemento SVG all’interno di un DIV?

Il mio scopo è avere un con una dimensione fissa (impostata dynamicmente tramite JavaScript) che contiene solo un elemento . Quando questo è più grande delle barre di scorrimento geniche dovrebbe apparire. Quando è più piccolo, le sue dimensioni devono essere impostate su quelle del genitore – ma non dovrebbero apparire barre di scorrimento. Questo […]