Html con integrata parte in SVG appaiono rimpicciolite in Internet Explorer 
Autore: Nicola M.
Visite 1199,
Followers 1,
Condiviso 0
Il problema è il seguente: la pagina HTML prodotta, con integrata una parte in svg, funziona perfettamente con i browser Edge, Mozilla Firefox e Google Chrome.
Non così con Internet Explorer. Ossia l'mmagine e tutte le funzioni ci sono e funzionano, ma la si vede rimpicciolita all'incirca del 70%.
Ho fatto vari esperimenti, anche con altri file svg che, se aperti solo come soli svg in Internet Explorer appaiono corretti nelle funzioni e della grandezza voluta, ma se integrati nella pagina web HTML e poi pubblicati, ripeto, la cosa si vede rimpicciolita.
Ora vi chiedo se c'è o esiste qualche particolare "codicillo" da applicare per rendere la cosa compatibile con il browser Internet Explorer? Grazie
Postato il
...continua sull'altro post...
https://helpcenter.websitex5.com/it/post/158905
... dovresti far vedere il LINK per poter capire...
... per il rispetto delle proporzioni, se usi il TAG <IMG> potresti provare ad aggiungere gli attributi width ed height ...
... ho IE.7 e qui gli SVG non fungono, regolare invece su Ch ed Ff...
... eventualmente, per realizzare mappature, e penso anche in vettoriale, prova WebAnimator, che non conosco personalmente, non posso neanche installarlo, ma che potrebbe assolvere alle tue esigenze...
.
Autore
RIPETO:
Ho prodotto una pagina web in hmtl dove vi è integrata una parte in svg. La pagina che vorrò pubblicare (sto infatti lavorando ad una nuova veste grafica del sito..) funziona perfettamente ed esattamente come volevo.
Il problema è dovuto al fatto che questa pagina, aperta con l'anteprima di Internet Explorer, l'immagine la si vede rimpicciolita del 70%. Con gli altri browser non ci sono assolutamente problemi.
Chiedo a qualcuno (ma deve rispondere solo se lo sa e non perché è obbligato) se è un problema non risolvibile (dovuto al fatto che Internet Explorer è un browser obsoleto e superato) o se effettivamente c'è la possibilità di ovviare, intervenendo con qualche codicillo etc.
Allego di seguito, in carattere corsivo, un esempio del file svg in questione:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<script type="text/javascript" src="/js/lib/dummy.js"></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type="text/css">
#serra, #alto {fill:rgba(255, 255, 255, 0.35);pointer-events:all;}
#serra:hover {fill:rgba(231,120,23, 0.50);}
#alto:hover {fill:rgba(144,30,120, 0.50);}
</style>
<script type='text/javascript'>//<![CDATA[window.onload=function(){}//]]>
</script>
</head>
<body>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.45 226.76" enable-background="new 0 0 283 45 226.76" xml:space="preserve">
<g id="Layer_1">
<g id="Map_2_">
<g id="Map">
<image overflow="visible" enable-background="new" width="592" height="473" transform="scale(0.48 0.48)"id="Map_1_" xlink:href="data:image/png;base64,iecx4C+MXGxAC6Hj58uFDZx0Z4glGRkVy7tcmmp/>
</g>
<g id="Layer_2">
<polygon id="serra" fill="nome" points="177.55 76 250.99 75.72 251.21 126.19 188.64 126.4 188.57 107.97 183.46 107.97 183.46 101.85 177.62 101.92 177.55 76"/>
<polygon id="alto" fill="nome" points="77.83 109.05 151.2 109.2 151.13 159.6 88.63 159.52 88.63 141.02 83.59 141.02 83.59 134.9 77.76 134.9 77.83 109.05"/>
</g>
</svg>
... non si risponde certo per perdere tempo, e né per farlo perdere, ma per capire, chiarire, suggerire ed orientare, come avvenuto nel topic della mappatura...
... visto la situazione di stallo non posso aggiungere altro, e seguirò a distanza l'evoluzione dell'argomento...
... ... comunque, per me manca qualcosa in quel codice, e sempre per me, almeno a vederlo così non può funzionare, e non hai prodotto né la fonte né un esempio pubblicato in rete come richiesto; ...aiutare per essere aiutati...
... se hai già riscontrato da te il problema su IE, allora ti sei anche risposto; ... essendo codice extra che non a che fare con il programma, (ove però ci sono i pannelli ESPERTO per integrazione di codice terzo), dovrai quindi documentarti nella fonte del codice che usi, e in RETE dove si discute di argomenti e problemi simili...
... puoi rimanere in attesa di esperti che ne possano aver affrontato problemi simili e sapere già qualcosa...
.
Buongiorno Nicola,
purtroppo sul codice esterno non posso aiutarti, dovrai attendere maggiori informazioni da altri utenti della community.
Grazie.