Ho la seguente immagine nel mio file .svg:immagine centraggio con SVG
<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71"/>
voglio visualizzare al centro della pagina, ma sembra che l'angolo in alto a sinistra è nel mezzo. Come posso ottenere il centro dell'immagine da visualizzare al centro della pagina?
Qualcosa del genere dovrebbe funzionare:
<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71" transform="translate(-35.5,-31)"/>
Ecco un modo ...
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg x="50%" y="50%" width="258px" height="221px" overflow="visible">
<image x="-129px" y="-110.5px" width="258px" height="221px" xlink:href="http://images2.wikia.nocookie.net/__cb20110303182948/hogwartsrpg/images/9/95/KittenCareCat.png"/>
</svg>
</svg>
Grazie. È molto lavoro, ma funziona. Lascerò aperto per un po 'e vedrò se qualcuno può inventare qualcosa di più semplice, ma se no, è tuo. – SomeKittens
Questo modello funziona bene quando si hanno oggetti nidificati e punti di rotazione. Grazie per quello! –
Questo è geniale, grazie mille per la condivisione. Mi ha salvato durante il tentativo di cambiare i cerchi colorati in bitmap circolari su un layout fluido. – mmmeff
questo non funziona se 'height' o' width' non sono pixel – depperm
@depperm true, finché le unità di supporto di trasformazione (che già fa in css) –