0

スタイル塗りつぶしの色をjavascript変数にしようとしています。SVG コードの別の場所でこの変数を再利用する必要があります。

<path d="......."
id="path3950" 
style="fill:#c1e0b2;"/>

私を助けてください。

4

2 に答える 2

1

svg のさまざまなパスにスタイル フィルを再利用する必要があると言っていますか?

JavaScript 変数はこれには役に立ちません。あなたがしようとしているのは、複数のパスで CSS クラス ルールを使用することです。

    <path d="......." class="myPaths" id="path3950"/>
    <path d="......." class="myPaths" id="path3951"/>
    <path d="......." class="myPaths" id="path3952"/>

    //in css, either by linking a file at the top of the svg
    //     or with 
    <style type="text/css" >
       <![CDATA[
            .myPaths {
                fill: #c1e0b2;
            }   
        ]]>
    </style>

CSS 塗りつぶしがそれらすべてに適用されます。

于 2013-01-18T12:42:52.257 に答える
1

このコードにより、JavaScript でインライン CSS 値を取得できます。

var p = document.getElementById("path3950");  
var fill_color = p.style.getPropertyValue("fill");

fill_color「#c1e0b2」になります。

于 2013-01-19T08:18:19.233 に答える