如何使用SVG技术绘制渐变类似U型管图形

1、第一步，在HBuilder编辑工具中，新建web项目，并创建xml文件夹，在该文件夹下新建xml文件bar.xml，如下图所示：

3、第三步，在<linearGradient></linearGradient>下方插入一个<rect/>，设置矩形的宽度和高度，如下图所示：

5、第五步，再添加一个stop标签元素，将stop-color和offset再进行细分，如下图所示：