Sto usando elementi HTML posizionati relativamente in un SVG foreignObject
. Tuttavia, in Chrome, il contenuto relativamente posizionato non rispetta lo standard scale()
o viewBox
. Di conseguenza non è la giusta dimensione.In Chrome, perché SVG foreignObjects non scala i contenuti relativamente posizionati?
Here is an example of my problem on jsFiddle. Tutti e tre gli snippet di testo dovrebbero avere le stesse dimensioni per gli utenti finali ... ma in Chrome non lo fanno.
Che cosa sta causando questo?
Si noti che la rimozione del posizionamento relativamente non è possibile. –
Se si deve veramente usare il posizionamento relativo, sembra che tu debba correre a testa alta in questo bug. Perché non sei in grado di rimuovere il posizionamento relativo? Il contenuto di 'foreignObject' è generato da una fonte che non controlli? – ellisbben
@ellisbben - Sì, e sto anche utilizzando il posizionamento relativo per gestire [un altro bug SVO straniero di Chrome SVG] (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as-though-assolutamente- posizionata in-webkit-browser). –