È possibile ordinare di fare questo se si avvolgono l'elemento (s) che si desidera tradurre in un nuovo sistema di coordinate:
<svg>
<svg width="1em" height="1em" overflow="visible" viewBox="0 0 1 1">
<rect height="10" width="10" transform="translate(0, 10)" .../>
</svg>
</svg>
Un'altra opzione se avete solo bisogno di traduzioni e utilizzare gli elementi che hanno x e y attributi (o equivalente) è quello di utilizzare quelli invece, in questo modo:
<rect x="0" y="10em" height="10em" width="10em"
style="fill:none;stroke-width:3;stroke:black/>
Una nuova specifica per transforms in CSS/SVG è attualmente in lavorazione, e sarà effettivamente consentire alle unità a definizioni, vedi here.
fonte
2012-04-26 06:57:39
Mi scuso, non ho evidenziato lo snippet di codice come snippet di codice in modo che non fosse visualizzato. – user1357415
Sono abbastanza sicuro che le unità di trasformazione, come i comandi '', devono essere tutte nello spazio utente. Tuttavia, sto postando questo come commento invece di una risposta perché al momento non riesco a trovare una specifica che confermi ciò. –
Phrogz
Ulteriori informazioni: leggi la sezione "Tranforms" [sic] qui: http://lists.w3.org/Archives/Public/www-style/2012Feb/0550.html – Phrogz