javascript - Masalah penskalaan fon SVG dalam terminal krom dan mudah alih versi rendah.
怪我咯
怪我咯 2017-05-16 13:32:50
0
1
731

Dalam pelayar shell versi rendah dan penyemak imbas mudah alih seperti 360 Extreme Speed, fon dalam teg <tspan> tidak boleh diskalakan dengan betul, tetapi ia adalah perkara biasa dalam versi terkini Chrome.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        tspan{
            display: block;
        }
    </style>
</head>
<body>
<p>
    <svg viewBox="0,0,1000,1000"  version="1.1" xmlns="http://www.w3.org/2000/svg">
        <text><tspan class="st5" y="55.9" x="5.5">After all the articles, ads, fliers, etc. have been prepared for the newsletter, the document should be assembled and may require </tspan></text>
    </svg>
</p>
</body>
</html>

Apabila tetingkap dikecilkan, saiz fon dalam pelayar kelajuan tidak akan dikurangkan apabila ia berskala kepada 12px. Ia berfungsi dengan baik dalam krom terkini. Jika anda membuka alat penyahpepijatan 360 ​​Extreme Speed ​​​​dan mengalih keluar atribut display:block, penskalaan akan menjadi normal. Tetapi tetapan paparan:sebaris terus dalam css tidak berfungsi sama ada. ia berwayar.

怪我咯
怪我咯

走同样的路,发现不同的人生

membalas semua(1)
仅有的幸福

Hanya tetapkan gaya text-rendering="geometricPrecision" kepada svg.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan