.svg在视网膜显示器上不锐利

Question

我正试图在视网膜显示器上设置一个清晰的自定义光标，所以我想用.svg会成功...但它不会......不幸的是......有人知道我的想法有什么不对吗？

请参阅JSFiddle进行测试......我已经在Safari的IMac 5K Retina显示器上进行了测试...

#div {width:100px; height:100px; background-color:black;}
#div:hover {cursor: url(http://www.cyrill-kuhlmann.de/ndxzsite/img/cursor_next.svg), move;}

http://jsfiddle.net/zju0e871/

感谢您的帮助！

Answer 1

您是否尝试过将光标放大一点？人们似乎有小于20x20像素的SVG问题。

https://graphicdesign.stackexchange.com/questions/42438/svg-images-showing-up-blurry-in-safari-in-any-size-smaller-than-20-px

Firefox SVG graphics blurry

Answer 2

这是webkit浏览器和Firefox上已知的缺失功能。 该案例在Chromium代码审查中公开： https://code.google.com/p/chromium/issues/detail?id=325565

也许PNG调整了大小？需要测试它。