HTML&；CSS-如何显示.SVG，但最终用户在单击并拖动（或一般复制）时可以单击并复制.PNG

假设您有两个版本的图像，一个是.SVG，另一个是.PNG版本

您可以在网页上显示.SVG，但当最终用户单击并将该图像拖动到他们的社交媒体应用程序中时，您希望他们复制的是.PNG版本而不是.SVG版本（因为有些媒体应用程序无法处理.SVG）

仅使用HTML和CSS，这是可能的吗？非常感谢你的帮助

---

当最终用户以另一种方式复制呈现的图像时（例如通过鼠标交互，选择可见图像，然后通过键盘快捷键或菜单鼠标导航进行复制），同样的答案是否也可以扩展到同样的情况？

如果您将png定位在页面上的可见图像上，将其设置为透明，然后当鼠标抓住它时，它将抓住png，而不是svg。这是推测，需要测试。比如说：我在制作中也使用过类似的技巧，例如，通过在我想要点击的区域上放置一个透明的div，并在其中添加一个链接，来制作图像的可点击区域。我不会把它作为一个答案，因为它需要测试来确认它的工作。