SVG背景/填充为图像

Question

如何用图像填充svg。我有一个简单的蓝色填充矩形svg，我想使其看起来像这张图片。

已经尝试

<svg width="400" height="110" style="background-image:src(image.png)">
   <rect
      width="300"
      height="100"
      style="fill:rgb(0,0,255);
      stroke-width:3;stroke:rgb(0,0,0)"
    />
</svg>

谢谢你们