HTML5 - svg rect背景

Question

我正在尝试为矩形svg修复背景图像。这可能吗？下面的代码不起作用。我想特别使用svg rect，因为我可以通过rx="10" ry="10"

以这种方式获得圆角

<svg width="100" height="100">
    <rect x="0" y="0" rx="10" ry="10" width="50" height="50"
    style="background-image:url(image.png)"/>
</svg>