2013-04-09 12 views
10

ho risolto il problema per cui sarebbe IE10 ridimensionare un'immagine solo se stile con css, ora IE10 il ritaglio di uno SVG invece di ridimensionare esso. Nessun altro browser ha questo problema.IE10 colture SVG invece di ridimensionare

Ho provato tutti diverse combinazioni di solo dichiarando altezza o larghezza durante l'impostazione l'altra dimensione per l'auto e non impostazione o l'impostazione di entrambi. Ho anche provato preserveAspectRatio="none" sul tag img.

risposta

18

Si scopre IE è l'unico browser che ha bisogno della viewBox da impostare al fine di ridimensionare l'SVG. Ho usato un programma gratuito chiamato inkscape per creare il mio svg e non imposta la viewbox. Aprire la svg con un editor di testo e aggiungere questo alla dichiarazione <svg...:

viewBox="0 0 64 64" 

Invece di 64, immettere qualunque sia il X e Y del vostro angolo in basso a destra dovrebbero essere per la dimensione del svg originale. Non sicuro meteo per incolpare IE10 o Inkscape ...

Aggiornamento: È possibile eseguire l'aggiornamento a inkscape 0.91 e l'attributo viewbox verrà aggiunto automaticamente.

+15

Cambiato idea. Do la colpa a IE. – Archonic

+1

grazie a lot Ho cercato per giorni .. – bAN

+1

Se sai dove cercare (grazie mille), è facile trovare soluzioni: http://wiki.inkscape.org/wiki/index.php/Tricks_and_tips#Scaling_images_to_fit_in_webpages.2FHTML (La soluzione più veloce: Aggiorna InkScape a 0.91 e l'attributo verrà aggiunto automaticamente) – BurninLeo