html - svg元素背景图片和bg颜色

Question

我的应用程序中有一个 SVG，上面有一个圆圈。我必须为该元素分配背景图像（ png ）+背景颜色+罢工。我得到了如下代码，用于为该元素制作 bg 图像。请帮我如何分配背景颜色+图像

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="500"  id="holder"> 

    <defs>
    <pattern id="img1" patternUnits="userSpaceOnUse" width="40" height="40"  >
        <image xlink:href="test.png" x="0" y="0" width="40" height="40"  />
    </pattern>

</defs>

    <circle cx="700" cy="200" r="20" fill="url(#img1)" id="goal" class="goal" z-index="1500" fill-opacity="1" >
 </circle>

 </svg>

提前致谢