如何解决什么是好的CSS / HTML / SVG / Javascript制作得分为0到10的循环图像? 需要在IE 7和其他常见浏览器上使用
| 要制作这样的图像: 它必须支持0.0到10.0的分数,并相应地涂上纯色-对于1.0,它是36度,对于9.0,它是360 x 0.9 = 324度。 仅使用HTML / CSS / SVG / Javascript有没有很好的方法?要求是它需要在IE 7及更高版本,FF,Chrome和Safari上运行。 (更新:或者,对于IE 8及更高版本,对于IE 7,执行此操作,只需回到纯色循环即可) 我当时想使用一个实心循环(1张图像),外加20张具有Alpha透明胶片的图像来掩盖实心循环,以便覆盖所有0.5(例如4.0、4.5、5.0)的粒度,但是缺点是总共有21张图片(可以放入一个精灵,但仍然很大)。解决方法
本段:
我当时在考虑使用固定循环
(1张图片),外加20张带有Alpha的图片
透明胶片掩盖了固体
循环,以使粒度为0.5
(例如4.0、4.5、5.0)都是
涵盖了,但缺点是
共有21张图片(可以放
变成精灵,但仍然很大)。
听起来很多工作:)
相反,我可能很想为此使用Raphaël。
Raphaël当前支持Firefox
3.0 +,Safari 3.0 +,Chrome 5.0 +,Opera 9.5+和Internet Explorer 6.0+。
这是一个演示,看起来像您的图像,并且具有动画同心圆:
http://raphaeljs.com/polar-clock.html
,您熟悉RaphaelJS JS库吗?看看他们的例子,他们给人留下了深刻的印象。
,可缩放矢量图形和矢量标记语言
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。