91尤物视频在线,午夜神马电影院,91草莓视频

JS地圖工具FusionMaps如何設置漸變色

原創|使用教程|編輯：龔雪|2014-06-03 09:58:56.000|閱讀 720 次

概述：JS地圖工具FusionMaps關于設置漸變色的屬性以及方法。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

FusionMaps XT允許使用漸變色填充地圖上各種元素。

首先以填充地圖背景為例。配置填充圖所需要用到的屬性如下所示：

bgColor-這個屬性是設置地圖背景顏色的。要使用漸變色做背景，需要用逗號將十六位顏色代碼分開，比如：FF5904,FFFFFF。注意不要有符號#和空白格。
bgAlpha-這個屬性是為背景設置alpha (透明度) 的。如果你已經選擇了漸變色背景你就需要設置一列用逗號分隔的alpha（s）。
bgRatio-這個屬性是用來設置漸變色顏色比例的。
bgAngle-設置背景色的角度值.

下面來詳細說說怎么用FusionMaps XT做成漸變色背景吧。我們的示例是用橙色(#ff5904) 開頭，然后漸漸褪變成白色（#ffffff) 。起初，我們將兩種顏色的alpha設置為100，從左到右的角度為0，代碼如下：

XML

<map bgColor='FF5904,FFFFFF' bgAlpha='100,100' bgRatio='0,100' bgAngle='0' fillColor="FFFFFF" showBevel="0" ></map>

這里，我們先是把bgColor設置為一列由逗號分隔開的顏色，這是我們的漸變色里需要用到的。

首先，每個顏色都必須在 bgAlpha屬性設定一個alpha，同樣由逗號隔開。當這個屬性設為 bgAlpha="80,50"，且withbgColor="FF5904,FFFFFF"，顏色 FF5904 就會顯示為80%的透明度，顏色 FFFFFF的透明度為50%。要注意，每個屬性設定的顏色數量要一致。

其次，要設定漸變色的比例。當顏色比例屬性設置為bgRatio="80,20" 且bgColor="FF5904,FFFFFF"時，顏色FF5904 占據80% 的比例而顏色FFFFFF 占據20%。比例的總數都是 100。默認情況下，Fusionmaps XT 會按比例拆分顏色，就是說，如果你有兩種顏色的話，并且沒有定義屬性，那這兩個顏色比例就各占50%。

最后，我們把漸變色的角度定為0度（從左到右），這樣一個漸變色的背景就誕生了：