SVGポリライン図面の制限

-2

私はちょっと機能やバグを使用しようとしていますが、私の解決策としてはうまくいきます。SVGポリライン図面の制限

私は大きなポリラインでより小さいsvgを持っている場合、ポリラインはsvgのエッジを通って表示されます。

他のブラウザでは同じコードが動作しません。理由はわかりますが、なぜIEでしか動作しないのですか？

すべてのブラウザを設定して結果を一致させることができるCSSやjsはありますか？

ここでコードは、IEで実行し、他のブラウザで実行すると、あなただけの行を表示し、私が必要なものです。

svg 
 
{ 
 
    border: solid 1px red; margin: 40px 40px 20px 20px;  
 
}

<!DOCTYPE html> <html> <style> svg { border: solid 1px red; margin: 40px 40px 20px 20px; } </style> <body> <svg height="20" width="50"> <polyline points="20,20 40,25 60,40 80,120 120,140 200,180 200,-10" style="fill:none;stroke:black;stroke-width:3" /> </svg> </body> </html>

だけIEがエッジの上に線を描画することを参照してください。 SVG要素のスタイルoverflow: visible;の設定