Html 是否可以在SVG图像模式中放置像2x、3x和4x这样的高DPI图像？

有没有办法支持SVG模式中的2x、3x和4x图像

*{
保证金：0；
填充：0；
}
#化身{
不透明度：1；
填充：url（#头像#uA0）；
}
.阿凡达{
位置：绝对位置；
溢出：可见；
宽度：38px；
高度：38px；
左：10px；
顶部：10px；
}

支持HiDPI图像

您可以使用HTML

您可以使用HTML

<pattern id="Avatar_A0" x="0" y="0" width="100%" height="100%">
    <foreignObject width="100%" height="100%">
        <img srcset="icon.png 1x, icon@2x.png 2x, icon@3x.png 3x"
             x="0" y="0" width="100%" height="100%"></image>
    </foreignObject>
</pattern>