div内に収まるようにsvgのサイズを変更するには？

Question

div（境界線付き）svgにフィッティングしようとすると、正しいサイズから切り取られます。

PEN

HTML

<div style="position:relative;width:550px;height: 500px;background: gainsboro;border: 4px solid;"> 

<-- My SVG --> 

</div> 

私はあなたのSVGにwidthまたはheightを使用しないでください550x500

Answer 1

で、このSVGに合う助けます。

代わりにviewboxを使用してください。 SVGは自動的に（ほとんど）スケールされます。

<svg xmlns="http://www.w3.org/2000/svg" viewbox ="0 0 959 593">

Codepen Demo