如何在HTML中显示SVG路径？

我在SVG中画了一些波浪。现在我想把这些波嵌入到HTML中。在这里，我有几个问题：

怎样把波浪放在中间的一边？还是别的地方
• 然后是否可以调整整个SVG的宽度和高度 各个路径将调整到新的大小
• 变换矩阵是必需的吗

目标应该是调整每个波形的填充颜色，并调整整个svg的大小

谢谢你的帮助

.gelb{
填充：蓝色；
笔画宽度：2px；
笔画：黑色；
}

在这个解决方案中检查一下（）例如，我无法用javascript调整特定波形的填充颜色，因为我嵌入了整个SVG。还是有办法做到这一点？