SVG剪裁橢圓BUG

html
svg

2012-07-13 103 views 1 likes

兩側我創建了一個SVG和使用的代碼SVG剪裁橢圓BUG

<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，檢查它的剪輯留下的問題和橢圓形的頂面裏面的橢圓。如何解決這個問題？

來源

2012-07-13 user1523945

回答

SVG的「剪切」部分只是在視口之外。

有幾種方法可以「解決」這個問題。

您可以通過相應的座標轉換到

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

重新定位橢圓（MDN實況here和here），也可以明確地設置視框（MDN docu），即包括整個橢圓形，通過添加，例如，

viewBox="-10 -10 300 300"

到<svg>元素本身。

來源

2012-07-13 15:26:01 Sirko

SVG剪裁橢圓BUG

回答

相關問題