在SVG圆角矩形内输入文件元素

Question

是否可以将输入文件元素保留在SVG中？

我尝试过类似的东西，但它没有显示文件元素：

<svg width="50" height="10">
<rect x="5" y="2" rx="2" ry="2" width="50" height="10"style="fill:red;stroke:black;stroke-width:5;opacity:0.5">
<input type="file"name="upload">
</svg>

有什么想法吗？

Answer 1

你想要的是svg foreignObject元素：

<svg width="80" height="40">
<rect x="5" y="2" rx="2" ry="2" width="70" height="30"style="fill:red;stroke:black;stroke-width:5;opacity:0.5"/>
<foreignObject width="70" height="30" x="7" y="3"><input type="file"name="upload"></foreignObject>
</svg>