私はHTML5ファイル(http://jsfiddle.net/Jbfw2/)で、次のインラインSVGコードを持っている:ChromeでこのSVGパターンが正しく表示されませんか?
<div style="width: 1150px; height: 900px;">
<svg width="1150" height="900">
<defs>
<pattern id="line1" x="0" y="0" width="5" height="200" patternUnits="userSpaceOnUse">
<path fill="#ffffff" d="M 0 0 L 5 0 L 5 200 L 0 200 Z"/>
<path id="horizontal" stroke-width="1" stroke="#000" d="M 0 0 L 5 0"/>
<path id="vertical" stroke-width="1" stroke="#000" d="M 5 0 L 5 200"/>
</pattern>
</defs>
<g id="holder1" transform="translate(4.5,50) matrix(1,2,0,1,0,0)">
<rect x="0" y="0" width="75" height="200" fill="url(#line1)"></rect>
</g>
</svg>
</div>
このコードは、SafariとFirefoxで正しい結果が得られます。ただし、Chromeではすべての縦線が表示されるわけではありません。 X方向に4.5
の代わりにholder1
を5
に変換すると、クロムは垂直線を正しく表示します。
誰かがこれがバグかどうか教えてもらえますか?
ありがとうございます。できます。 – user1320430