如何使用SVG制作一个长方形分为多个圆形图形

1、第一步，双击打开HBuilder编辑工具，新建静态页面left.html，并分别插入svg标签，引入xlink并设置画布宽度和高度，如下图所示：

3、第三步，再次插入八个<radialGradient></radialGradient>，分别设置ID属性值，xlink:href和fx，如下图所示：

5、第五步，在<defs></defs>外面插入八个<use xlink:href/>，分别设置x、y和fill，如下图所示：