如何使<svg> 100％的寬度

Question

我試圖讓這個元素拉伸到屏幕寬度的100％

<svg height="100" width="100"> 
    <path d="M0 0 L100 0 L50 100 Z" /> 
    </svg> 

什麼，我需要做什麼？

謝謝！

Answer 1

viewBox定義您可以看到的座標。高度和寬度定義了SVG的大小。例如。

html, body { 
 
    width: 100%; 
 
    height: 100%; 
 
}

<svg height="100%" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none"> 
 
    <path d="M0 0 L100 0 L50 100 Z" /> 
 
</svg>