W Chrome dlaczego SVG zagranicznych obiektów nie skaluje się w stosunkowo pozycjonowanej treści?
Używam względnie rozmieszczonych elementów HTML w SVGforeignObject. Jednak w Chrome względnie pozycjonowana treść nie jest respektowanascale() lubviewBox. W konsekwencji nie jest to odpowiedni rozmiar.
Oto przykład mojego problemu na jsFiddle. Wszystkie trzy fragmenty tekstu powinny mieć taki sam rozmiar dla użytkowników końcowych ... ale w Chrome nie.
Co to powoduje?
Zrzut ekranu Firefoksa (zgodnie z oczekiwaniami?)
