.svg在视网膜显示器上不清晰 [英] .svg not sharp on retina displays
问题描述
我试图在视网膜显示屏上使用清晰的自定义光标,所以我认为使用.svg可以使它……但事实并非如此……不幸的是……有人知道我的想法出了什么问题吗?
I am trying to have a sharp custom cursor on a retina display, so I thought using a .svg would make it … But it does not… Unfortunately … Does someone have an idea what's wrong in my thinking?
请参阅JSFiddle对其进行测试...我已经在Safari的IMac 5K Retina显示器上对其进行了测试...
See the JSFiddle to test it … I have tested it on a IMac 5K Retina Display in Safari …
#div {width:100px; height:100px; background-color:black;}
#div:hover {cursor: url(http://www.cyrill-kuhlmann.de/ndxzsite/img/cursor_next.svg), move;}
谢谢您的帮助!
推荐答案
它是Webkit浏览器和Firefox上已知的缺失功能.Chromium代码审核中涉及此案: https://code.google.com/p/chromium/issues/detail?id = 325565
It is a known missing feature on webkit browsers and Firefox. The case is open on the Chromium code review: https://code.google.com/p/chromium/issues/detail?id=325565
也许PNG缩小了?需要测试.
Maybe a PNG resized down? Need to test it.
这篇关于.svg在视网膜显示器上不清晰的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!