0

我对 SVG 和 Firefox 有一个小问题。

我的例子：

<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 中不显示左行。使用铬，它工作得很好......

这是一个错误吗？

4

1 回答 1

0

您将<rect>元素的宽度输入错误，因为 wdith 似乎在更正后显示 OK 就我所见。

如果错字不是您的问题，那么这个问题是您正在显示一条 1px 宽的线，但剪掉了一半（矩形在 0,0 处，所以 1/2 的笔划在矩形内，一半的笔划是外部和笔画的外部部分被剪掉）。

可能的解决方案。

  • 将矩形移动到 x="0.5" y="0.5" 并将宽度/高度减少 1，以便整个笔划可见。
  • 增加笔触宽度，使矩形内的更多笔触可见。

不，是否显示 1/2 个像素的笔划都不是错误。

于 2013-03-15T11:30:09.277 回答