svg元素背景图像和bg颜色

Question

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

<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>

提前致谢