SVGは親DIVの適応に従ってください

戻り値は戻ってくるこのラベルであるSVG

       <SVG幅= "100%"高さ= "100%"バージョン= "1.1"のxmlns = "http://www.w3.org/2000/svg"> 
                    <G変換= "(0)翻訳"> 
                        < RECT X = "0"、Y = "0"幅= "100%"高さ= "100%"フィル= "#1 EBECEF"ストローク= "#4F5052"ストローク幅= "1" /> 
                        <gの変換= "翻訳(586 0)が回転(90 0) "> 
                            <パス入札=" 1" D = "M305 0L305 383.5C305 495.34 214.34 586 102.5 586L0 586L0 0L305 0" 
                                フィル= "#1 FFFFFF"ストローク= "#4F5052"ストローク幅= "1" /> 
                        </ G>
                    </ G> 
                </ SVG>

  幅、高さプロパティを設定する方法のSVGの始まりは生成されません。適応されていません。それのほんの一部を参照してください。

その後、我々は他の人を参照してくださいプラスビューボックス=「0,0,640,480」には、問題を解決しました。次のチェック。最小のy軸;幅、高さ適応のためのSVGビューボックス、X軸の最小数を表す4つの値があります。

知るには、動的にOKに追加することができます

    window.onload = 関数(){ 
        せSVG = document.getElementsByTagName(' SVG ' )。(インデックスは=せ0 ;インデックス<svg.lengthインデックス++ ){ 
            SVG [インデックス] .setAttribute(" ビューボックス"" 0,0、" + SVG [インデックス] .getBBox()幅+。" " + SVG [インデックス] .getBBox()。高さ+ "" 
        } 
    }

 

     

おすすめ

転載: www.cnblogs.com/huzhuhua/p/12054173.html