Html SVG游标（CSS）质量低下

我对svg游标的质量（清晰度）有问题。真的很低。我尝试设置不同的形状渲染值，但没有帮助

使用示例：

cursor: url('./question.svg') 4 4, auto !important;

和svg：

<svg viewBox="0 0 512 512" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
  <title>
    question mark
  </title>
  <path d="M469.3 256a213.3 213.3 0 1 1-426.6 0 213.3 213.3 0 0 1 426.6 0zm-256-64a42.7 42.7 0 1 1 61.2 38.5 69.9 69.9 0 0 0-39.8 62.8 21.3 21.3 0 1 0 42.6 0c0-10.3 6-19.8 15.7-24.4A85.3 85.3 0 1 0 170.7 192a21.3 21.3 0 1 0 42.6 0zM256 405.3a32 32 0 1 0 0-64 32 32 0 0 0 0 64z" fill-rule="evenodd"/>
</svg>

问号

---

我认为你可以很容易地复制它，因为它总是发生。

我认为这可能是Chromium中的一个bug。我没有像苹果的视网膜显示器那样拥有HighDPI显示器，这就是为什么我不能证实这个问题。然而，我确实在Chromium的bug追踪器上发现了这个bug，但仍未解决：

Chrome、Brave甚至最新的Edge浏览器都是基于Chrome的，所以我认为它们都有相同的缺陷。这也应该解释为什么@rassoh报告说Safari的表现有所不同，质量稍好一些。Safari不是基于Chromium的，但Chromium最初基于Safari/WebKit。我不知道为什么FireFox似乎有同样的问题，正如@rassoh所报道的那样。尽管这可能与两个团队都忽略了在HighDPI屏幕中正确实现SVG光标渲染的情况有关，但这在当时是一种罕见的情况

恐怕我不知道如何解决这个问题，只能等待这个错误被修复。也许使用优化的PNG图像可以获得更好的效果

编辑：我发现了一个类似的问题，人们似乎得出了相同的结论：

---

你能提供一个屏幕截图让事情尽可能清楚吗？但是，我检查了这个链接，more parameters cursor属性有两个参数，例如：

svg:hover{cursor:url（./question.svg），auto；}

。所以

4

应该做什么？@xKobalt:URL和坐标，带有关键字回退。@Sheppard25我没有你提到的质量问题。请告诉我们你使用的浏览器和设备，因为我刚刚在Windows上使用Chrome和Edge进行了测试，它们似乎都能很好地呈现光标@xKobalt 4s是另一个热点的坐标：我可以在Chrome、FF、MAC上的Safari上重现这个问题。Safari（这一次）是最好的质量，但仍然没有png那么清晰，如图所示：