JavaScript - 低バージョンの Chrome およびモバイル端末での SVG フォントのスケーリングの問題。

Question

低バージョンのシェル ブラウザーや 360 Extreme Speed などのモバイル ブラウザーでは、svg の <tspan> タグ内のフォントを正しく拡大縮小できませんが、最新バージョンの Chrome では正常です。

リーリー

ウィンドウを縮小しても、スピードブラウザのフォントサイズは12pxに拡大縮小されても縮小されません。最新のChromeでは問題なく動作します。 360 Extreme Speed デバッグ ツールを開いて、display:block 属性を削除すると、スケーリングは通常になります。ただし、CSS で直接 display:inline を設定しても機能しません。有線です。

Answer 1

スタイル text-rendering="geometricPrecision" を svg に設定するだけです。