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