Używam względnie pozycjonowanych elementów HTML w SVG foreignObject
. Jednak w Chrome względnie umieszczona treść nie jest zgodna z scale()
ani viewBox
. W związku z tym nie jest to właściwy rozmiar.W Chrome, dlaczego SVG foreignObjects nie skaluje względnie umieszczonej treści?
Here is an example of my problem on jsFiddle. Wszystkie trzy fragmenty tekstu powinny być tego samego rozmiaru dla użytkowników końcowych ... ale w Chrome tego nie robią.
Co to powoduje?
Należy pamiętać, że usunięcie względnego pozycjonowania nie jest możliwe. –
Jeśli naprawdę musisz użyć pozycjonowania względnego, wygląda na to, że musisz najpierw zagłębić się w ten błąd. Dlaczego nie jesteś w stanie usunąć względnego pozycjonowania? Czy zawartość 'foreignObject' jest generowana przez niektóre źródła, których nie kontrolujesz? – ellisbben
@ellisbben - Tak, używam także względnego pozycjonowania, aby poradzić sobie z [innym błędem ChromeOg foreignObject] (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as- While-absolutely- pozycjonowane w przeglądarkach internetowych). –