상대적으로 위치가 지정된 HTML 요소를 SVG foreignObject에 사용하고 있습니다. 그러나 Chrome에서 상대적 위치의 콘텐츠는 scale() 또는 viewBox을 따르지 않습니다. 결과적으로 올바른 크기가 아닙니다.Chrome에서는 SVG foreignObject가 상대적으로 위치가 정해진 콘텐츠의 크기를 조정하지 않는 이유는 무엇입니까?

Here is an example of my problem on jsFiddle. 3 개의 텍스트 스 니펫은 최종 사용자와 동일한 크기로 표시되어야하지만 Chrome에서는 그렇지 않습니다.

이 문제의 원인은 무엇입니까? (예상대로?)

파이어 폭스 스크린 샷

크롬 스크린 샷 (버그?)

출처

2012-04-23 Richard JP Le Guen

상대적으로 위치를 제거하는 것은 불가능합니다. –

정말로 상대 위치 지정을 사용해야하는 경우 먼저이 버그를 먼저 실행해야합니다. 상대 위치 지정을 제거 할 수없는 이유는 무엇입니까? 'foreignObject' 콘텐츠가 당신이 통제하지 않는 소스에 의해 생성되고 있습니까? – ellisbben

@ellisbben - 그렇습니다. 또한 상대 위치 지정을 사용하여 [다른 Chrome SVG foreignObject 버그] (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as-though-absolutely- 웹킷에 배치 된 브라우저). –

웹킷 추적기에

24 bugs related to foreignObject과

에서 판단 크롬 트래커의

19 issues related to foreignObject

이것은 의도하지 않은 동작 일 가능성이 높습니다. 이 문제점을 알고 있는지 WebKit 버그 목록을 살펴 보시기 바랍니다. 그렇지 않은 경우 다른 WebKit 브라우저에서이 오류를 재현 해보십시오. 문제가 예를 들어 Safari, WebKit에 버그로 제출하십시오. 그렇지 않은 경우 Chromium에 버그로 제출하십시오.

내 생각에 웹킷 버그입니다. this bug와 비슷합니다.

출처

2012-04-27 15:02:39 ellisbben

Chrome에서는 SVG foreignObject가 상대적으로 위치가 정해진 콘텐츠의 크기를 조정하지 않는 이유는 무엇입니까?

파이어 폭스 스크린 샷

크롬 스크린 샷 (버그?)

답변

관련 문제