SVG mouse cursor blurry on Retina display

為{幸葍}努か 提交于 2019-12-13 02:04:35

问题


I'm using a custom SVG cursor on my webpage and it appears to be blurry on Retina screens. Is this a common issue?


回答1:


I've run into the same issue. My workaround involves using jQuery to follow the mouse position with an SVG div:

$(document).mousemove(function(e){
$("#cursor").css({left:e.pageX, top:e.pageY});

but this has one issue of its own which I haven't resolved - it does not follow the mouse position as you scroll like the css option does

jQuery: https://jsfiddle.net/jhhbrook/ucuLefut/ CSS: https://jsfiddle.net/0chzmhrd/



来源:https://stackoverflow.com/questions/35561547/svg-mouse-cursor-blurry-on-retina-display

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!