如何在网页设计中使用 svg 形状？
how can use svg shape in web design?
我想使用像图片全宽形状的 svg 代码 triangle image
如何使用此 svg 填充浏览器？这是它的代码
<svg xmlns="http://www.w3.org/2000/svg">
<g>
<rect fill="#fff" id="canvas_background" height="100%" width="100%" y="0" x="0"/>
</g>
<g>
<path id="svg_1" d="m583.25,1l-582.5,404l4,-402l578.5,-2z" stroke-width="1.5" fill="#33666C"/>
</g>
</svg>
我猜你想要这样的东西。我添加了一个 viewBox，因此形状可以缩放。
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 584 405" preserveAspectRatio="none">
<g>
<rect fill="#fff" id="canvas_background" height="100%" width="100%" y="0" x="0"/>
</g>
<g>
<path id="svg_1" d="m583.25,1l-582.5,404l4,-402l578.5,-2z" stroke-width="1.5" fill="#33666C"/>
</g>
</svg>
我想使用像图片全宽形状的 svg 代码 triangle image 如何使用此 svg 填充浏览器？这是它的代码
<svg xmlns="http://www.w3.org/2000/svg">
<g>
<rect fill="#fff" id="canvas_background" height="100%" width="100%" y="0" x="0"/>
</g>
<g>
<path id="svg_1" d="m583.25,1l-582.5,404l4,-402l578.5,-2z" stroke-width="1.5" fill="#33666C"/>
</g>
</svg>
我猜你想要这样的东西。我添加了一个 viewBox，因此形状可以缩放。
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 584 405" preserveAspectRatio="none">
<g>
<rect fill="#fff" id="canvas_background" height="100%" width="100%" y="0" x="0"/>
</g>
<g>
<path id="svg_1" d="m583.25,1l-582.5,404l4,-402l578.5,-2z" stroke-width="1.5" fill="#33666C"/>
</g>
</svg>