理解SVG viewport,viewBox,preserveAspectRatio縮放

viewport 表示SVG可見區域的大小，或者可以想象成舞臺大小，畫布大小。 <svg width="500" height="300"></svg> 上面的SVG代碼定義了一個視區，寬500單位，高300單位。 注意這裏的措辭是「單位」，不是「像素」。雖然說，width/height如果是純數字，使用的就是「像素」作爲單位的。 也就是說，上面SVG的視區大小就是500px * 300px. 當

>>阅读原文<<