理解SVG viewport,viewBox,preserveAspectRatio缩放

viewport 表示SVG可见区域的大小，或者可以想象成舞台大小，画布大小。 <svg width="500" height="300"></svg> 上面的SVG代码定义了一个视区，宽500单位，高300单位。 注意这里的措辞是“单位”，不是“像素”。虽然说，width/height如果是纯数字，使用的就是“像素”作为单位的。 也就是说，上面SVG的视区大小就是500px * 300px. 当

>>阅读原文<<