SVG渐变属性可以制作多个缩放圆，中的属性cx、cy和r分别代表是圆形的XY轴坐标和圆形半径。下面利用一个实例制作缩放圆形，操作如下：
工具/原料
1
SVG
2
CSS3
3
HBuilder
4
浏览器
5
截图工具
方法/步骤
1
第一步，双击打开HBuilder开发工具，新建静态页面cxcy.html，并插入标签元素，设置画布宽度和高度，如下图所示：
2
第二步，在标签内插入
3
第三步，在
4
第四步，在
5
第五步，修改svg画布的宽度和高度都为400px，如下图所示：
6
第六步，保存代码并预览页面展示的效果，结果显示是多个同心圆显示，如下图所示：
注意事项
1
注意gradientUnits属性的用法
2
注意radialGradient中的cx、cy和r几个属性的用法