Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

使用SVG做鼠标光标的问题

  自定义鼠标光标是在古代IE就支持的功能了,但IE一直以来都只支持ico和cur格式的标准光标类型。而现代浏览器已经陆续支持在自定义光标中使用一般图片了,甚至更先进的已经开始有SVG的自定义光标支持了。但如果想用带有animate的SVG可能还会有点问题。
  下面这个就是使用带animate的SVG光标的例子 <base href="http://www.web-tinker.com" />
<style>
html {height:100%;cursor:url(/share/circle-cursor.svg) 64 64,pointer;}
</style>
  虽然Chrome和Firefox都支持SVG格式的图标,但在Firefox上animate根本就被无视了,而Chrome上更奇葩的只有鼠标有动作的时候SVG动画的帧才会走。
  不过既然支持了这些,我们也许可以从程序上控制动画,对cursor动态赋值来实现动态的图标,虽然性能方面可能有点捉鸡,但这方案至少还是可行的。
网名:
34.203.213.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^