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左線不顯示。鍍鉻它的偉大工程......

這是一個錯誤？

來源

2013-03-15 Charles

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

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

可能的解決方案。

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

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

來源

2013-03-15 11:30:09

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

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

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

SVG：在火狐中不顯示矩形的左邊線

回答

相關問題