javascript - 낮은 버전의 Chrome 및 모바일 터미널에서 SVG 글꼴 크기 조정 문제가 있습니다.

Question

낮은 버전의 쉘 브라우저와 360 Extreme Speed와 같은 모바일 브라우저에서는 svg의 <tspan> 태그에 있는 글꼴 크기가 올바르게 조정되지 않지만 최신 버전의 Chrome에서는 정상입니다.

으아악

창을 축소할 때 스피드 브라우저의 글꼴 크기는 12px로 조정해도 줄어들지 않습니다. 최신 크롬에서는 잘 작동됩니다. 360 익스트림 스피드 디버깅 도구를 열고 display:block 속성을 제거하면 스케일링이 정상적으로 됩니다. 그러나 CSS에서 직접 display:inline을 설정하는 것도 작동하지 않습니다. 유선입니다.

Answer 1

스타일 text-rendering="geometricPrecision"을 svg로 설정하세요.