SVG 标记高度属性介绍

SVG（Scalable Vector Graphics，可缩放矢量图形）是一种使用XML描述2D图形和动画的标记语言。在SVG中，我们可以指定图形的大小和形状，并且可以轻松地缩放和变换图像，而不会失去其清晰度。

高度属性

在SVG中，可以使用高度属性（height）来指定图形元素的高度。高度属性的值可以是像素（px）、百分比（%）、视口宽度单位（vw）或视口高度单位（vh）。

以下是一些常见的高度属性使用示例：

1. 使用像素值

<rect width="100" height="50" />

上述代码将创建一个矩形，宽度为100像素，高度为50像素。

2. 使用百分比值

<circle cx="50%" cy="50%" r="50%" />

上述代码将创建一个半径为50%视口宽度的圆形，圆心位于视口的中心。

3. 使用视口宽度单位

<line x1="0" y1="10vh" x2="100%" y2="10vh" />

上述代码将创建一条水平线段，起点位于视口左上角，终点位于视口右上角，高度为视口高度的10%。

4. 使用视口高度单位

<ellipse cx="50%" cy="50%" rx="30vw" ry="40vh" />

上述代码将创建一个椭圆，横轴半径为视口宽度的30%，纵轴半径为视口高度的40%，中心位于视口的中心。

总结

SVG的高度属性允许我们以不同的单位来指定图形元素的高度。根据需求，我们可以选择使用像素、百分比、视口宽度单位或视口高度单位来控制图形的大小和缩放行为。

注意：由于此回答显示的是markdown格式，SVG代码可能不会在此处显示和渲染。请将以上示例代码拷贝到支持SVG的编辑器或浏览器中以查看实际效果。