2017-04-19 5 views
1

Planetary JS Earth pluginは、海、陸、および国境の塗りつぶしと筆の色を定義できる設定オブジェクトを取ります。残念ながら、ドキュメントはこれらのそれぞれのconfigsに渡すことができる情報を提供していません。私は境界線のストローク幅を次のように制御したいと考えています。土地のストローク幅をカスタマイズする

const lightGray = 'rgb(222,224,223)'; 
const lightBlue = 'rgb(160,205,226)'; 
const blue = 'rgb(144,182,203)'; 
planet.loadPlugin(
    planetary.plugins.earth({ 
    topojson: {world: topojson}, 
    oceans: {fill: lightBlue}, 

    /* strokeWidth is ignored: */ 
    borders: {stroke: blue, strokeWidth: '5px'}, 

    land: {fill: lightGray, stroke: blue}, 
    }) 
); 

これを行う方法はありますか?

+0

それはハイフンと小文字ワットで、 'ストロークwidth'です。 –

+0

@GerardoFurtado私はそれを試みました( '境界:{ストローク:青、 'ストローク幅': '5px'}')。 'px'単位の有無にかかわらず。 – keithjgrant

+0

私はドキュメントを読んだだけで、通常のCSS命名法を使わないので、実際には 'strokeWidth'になる可能性があります。しかし、ドキュメント内に 'strokeWidth'はありません。単に、クラスを設定し、これをスタイリングするためにCSS(' stroke-width')を使用するのはなぜですか? –

答えて

0

documentationによれば、それはlineWidthでなければならず、値は単位なしの数値でなければなりません。ここで

は一例です:

planetaryjs.plugins.borders({ 
    stroke: '#008000', lineWidth: 0.25 
}); 
関連する問題