トップsvg要素の位置を設定する方法は？

は、我々はトップSVG要素の位置を決定するもののようなトップsvg要素の位置を設定する方法は？

<html> 
    <head></head> 

    <body> 
     <script type="text/javascript"> 
      var svg = d3.select("body").append("svg"); 
      svg.attr("width", "100").attr("height", "100").style("border", "1px solid black"); 
     </script> 
    </body> 
</html>

の下に非常に簡単なセットを持っているとしましょうか？どのように変更することが可能でしょうか？

あなたはattributes of an svg elementあなたはそれがxとy属性を持っているが、両方のケースでは、

は、最も外側のsvg要素

には何の意味や効果を持っていないことを述べていることがわかりますを検索xとyは親のsvg要素に関連してのみ定義されるため、意味があります。どのようにしてトップの位置を設定するのですか？

ありがとうございます！

出典

2016-08-14 tsotsi

あなたの質問は不明です。いくつかのコードを表示する！ –

'SVG'コンテナ自体の位置を変更するには、CSSまたはインラインの' style'ルールを使用できます。次に例を示します。 'svg {position：relative;上：100ピクセル。左：100ピクセル。 } ' – Aziz

恐ろしい、ありがとう – tsotsi

他のDOM要素と同じように最も外側の要素を配置できます。

var svg = d3.select("body").append("svg"); 
 
svg.attr("width", "100").attr("height", "100").style("border", "1px solid black");

svg { 
 
    position: relative; 
 
    top: 100px; 
 
    left: 50px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

出典

2016-08-14 16:21:15

トップsvg要素の位置を設定する方法は？

答えて

関連する問題