資訊專欄INFORMATION COLUMN
摘要：關于手機端適配方面，直接使用的來實現(xiàn)。因為是矢量圖形，無論放大縮小都不失真，所以可以用適用各種設備且效果顯示出眾。公司給的設計稿是寬度，我就用了你們也可以將這個值直接設置為屏幕寬度。
設計稿：
最后實現(xiàn)效果圖：
話不多說，直接上代碼！
體測報告
直接復制粘貼就能看到效果。
此圖考察了svg的各種使用；其中包含了，繪制圓形、圓環(huán)，點，折線，多邊形，水平居中文字，三角函數(shù)計算坐標。關于手機端適配方面，直接使用svg的viewbox來實現(xiàn)。因為svg是矢量圖形，無論放大縮小都不失真，所以可以用適用各種設備且效果顯示出眾。
公司給的設計稿是375寬度，我就用了375.你們也可以將d_width這個值直接設置為屏幕寬度。
如果有bug請告之。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://m.hztianpu.com/yun/95703.html
摘要：可選的值有，和。布局類型或即水平布局和垂直布局默認是設定圖例在圖表區(qū)中的水平對齊方式，合法值有，和。垂直位置可以通過選項做進一步設定。 showImg(https://segmentfault.com/img/remote/1460000012009745?w=1240&h=653); showImg(https://segmentfault.com/img/remote/146000...
摘要：可選的值有，和。布局類型或即水平布局和垂直布局默認是設定圖例在圖表區(qū)中的水平對齊方式，合法值有，和。垂直位置可以通過選項做進一步設定。 showImg(https://segmentfault.com/img/remote/1460000012009745?w=1240&h=653); showImg(https://segmentfault.com/img/remote/146000...
閱讀 1968·2021-11-24 09:39
閱讀 2413·2021-09-30 09:47
閱讀 4334·2021-09-22 15:57
閱讀 2064·2019-08-29 18:36
閱讀 3700·2019-08-29 12:21
閱讀 707·2019-08-29 12:17
閱讀 1381·2019-08-29 11:25
閱讀 843·2019-08-28 18:26
