html - svg要素の背景画像と背景色

Question

アプリケーションに SVG がありました。その上に円があります。背景画像（ png ）+背景色+ストライクをその要素に割り当てる必要があります。その要素の背景画像を作成するための次のようなコードを取得しました。背景色+画像を割り当てる方法を教えてください

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

前もって感謝します