2013-03-15 59 views
0

我對SVG和Firefox有個小問題。SVG:在火狐中不顯示矩形的左邊線

我的例子:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> 
    <head> 
    </head> 
    <body> 
     <div style="margin: auto; position: relative; width: 1264px;"> 
     <div style="width: 1264px; top: 1px; position: absolute; overflow: hidden; left: 0px; height: 1300px;"> 
      <div style="left: 0px; position: absolute; top: 0px;"> 
       <div style="position:absolute;left:0px;top:0px;"> 
        <div> 
        <svg:svg style="position: absolute; left: 435px; top: 520px;" width="80" height="60"> 
         <svg:g id="rect1103" x="435" y="520" width="80" height="60"> 
          <svg:rect x="0" y="0" width="80" height="60" style="fill: white; stroke: black; stroke-width: 1;"/> 
         </svg:g> 
        </svg:svg> 
        </div> 
       </div> 
      </div> 
     </div> 
     </div> 
    </body> 
</html> 

在Firefox 19.0.2左線不顯示。 鍍鉻它的偉大工程......

這是一個錯誤?

回答

0

你輸入了錯誤的<rect>元素的寬度wdith似乎顯示OK,據我所看到的,一旦被糾正。

如果錯字是不是你的問題,那麼這個問題是,你顯示1px的寬線,但離裁剪它的一半(矩形是在0,0所以1/2行程的矩形內中風的一半在外面,中風的外側部分被剪掉)。

可能的解決方案。

  • 移動RECT是在x =「0.5」 Y =「0.5」,並通過1減小寬度/高度 使整個行程是可見的。
  • 增加筆畫寬度,以便更多位於矩形內部的筆畫可見。

不,不管是否顯示1/2像素的筆畫都不是bug。

+0

我改正了錯字,它只是在stackoverflow中,而不是在我的瀏覽器中。我仍然有這個問題。 – Charles 2013-03-15 14:10:47

+0

感謝您試圖幫助我:)其實0,5pixel黑色應顯示爲灰色。爲什麼寬度和高度不以相同的方式工作? – Charles 2013-03-15 15:40:37

+0

也許,你依賴的抗鋸齒實現的細節是真實的。 – 2013-03-15 16:01:55