Question

我的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中，不显示左侧行。使用镀铬工具效果很好......

这是一个错误吗？

Answer 1

你错误输入了<rect>元素的宽度，因为wdith似乎只要我纠正就显示OK。

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

可能的解决方案。

将矩形移动到x =“0.5”y =“0.5”并减小宽度/高度 1表示整个行程是可见的。
增加笔触宽度，以便可以看到更多的矩形内部的笔划。

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

SVG：在Firefox中不显示rect的左行

1 个答案: