文章詳情頁
javascript - SVG字體在低版本chrome和移動端的縮放問題。
瀏覽：66日期：2022-12-27 14:14:18
問題描述
在360極速等低版本殼瀏覽器和移動端瀏覽器中，svg中<tspan>標(biāo)簽中的字體無法正確縮放，在最新版本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 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>
當(dāng)窗口縮小時，極速瀏覽器中字體大小縮放到12px就不會縮小了。最新chrome中正常。如果打開360極速的調(diào)試工具，把display:block屬性去掉就正?？s放了。但直接在css中設(shè)置display:inline也不行。好奇怪。
問題解答
回答1：只要給svg設(shè)置樣式 text-rendering='geometricPrecision' 就好了。
標(biāo)簽：
JavaScript
相關(guān)文章：
1. mysql日期類型默認(rèn)值’0000-00-00’ 報(bào)錯2. 求救一下，用新版的phpstudy，數(shù)據(jù)庫過段時間會消失是什么情況？3. mysql replace 死鎖4. mysql - C#連接數(shù)據(jù)庫時一直這一句出問題int i = cmd.ExecuteNonQuery();5. MYSQL 根據(jù)兩個字段值查詢 但兩個值的位置可能是互換的，這個怎么查？6. extra沒有加載出來7. android - 安卓做前端，PHP做后臺服務(wù)器 有什么需要注意的？8. javascript - 微信網(wǎng)頁開發(fā)從菜單進(jìn)入頁面后，按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁面，求解決？9. php傳對應(yīng)的id值為什么傳不了啊有木有大神會的看我下方截圖10. mysql - ubuntu開啟3306端口失敗,有什么辦法可以解決？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備