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 と間違えました。修正されると、見た限りでは問題なく表示されるようです。

タイプミスが問題ではない場合、この問題は、1px 幅の線を表示しているが、その半分を切り取っていることです (四角形は 0,0 にあるため、ストロークの 1/2 は四角形内にあり、ストロークの半分はストロークの外側部分が切り取られます)。

可能な解決策。

  • 四角形を x="0.5" y="0.5" に移動し、幅/高さを 1 減らして、ストローク全体が表示されるようにします。
  • ストロークの幅を広げて、四角形の内側にあるストロークがより多く見えるようにします。

いいえ、1/2 ピクセルのストロークが表示されるかどうかはバグではありません。

于 2013-03-15T11:30:09.277 に答える