1

コードを使用してsvgとその中に楕円を作成しました

<svg xmlns="http://www.w3.org/2000/svg" 
     version="1.1" 
     type="svgObj" 
     style="display: inline; position: relative; left: 0px; top: 0px;" 
     id="svg_5" 
     preserveAspectRatio="none">
  <ellipse type="svgShpObj" id="shape_2" cx="59px" cy="33px" rx="57px" ry="31px"
           fill="#A5A85A" stroke-width="10" stroke="#F5821F"
           stroke-opacity="1" fill-opacity="0.39215686274509803"/>
</svg>

http://www.w3schools.com/svg/tryit.asp?filename=trysvg_myfirstに貼り付けて、楕円の左側と上部がクリップされる問題を確認します。これを修正する方法は？

4

1 に答える 1

3

SVG の「切り取られた」部分は、単にビューポートの外側にあります。

これを「修正」する方法はいくつかあります。

それぞれの座標を_

 cx="70px" cy="40px"

または、次のように追加することで、楕円全体を含むviewBox ( MDN docu )を明示的に設定できます。

 viewBox="-10 -10 300 300"

<svg>要素自体に。

于 2012-07-13T15:26:01.483 に答える