HTML之环形图

Chart.js允许通过HTML5的canvas进行图表绘制。这里我们希望绘制一个环形图，点击图上各segment时可以显示自定义的圆形tooltip。Chart.js支持通过几个变量添加tooltip，它提供一个tooltipTemplate但是却不支持自定义tooltip的HTML！于是决定自行绘制tooltip手动添加上去。

环形音乐播放器

这款超级酷炫的HTML5音乐播放器是环形的，看起来好像是一个唱片封面，背景图片很漂亮，设置了播放键、音量调整键、快进和后退键，可谓功能齐全、外观靓美。还在苦恼不知道怎么用HTML5设计音乐播放器的朋友可以学习一下。

超级带感的HTML5音乐播放器

这个音乐播放器的背景全部是黑色的，但不是纯黑，带有黑色质感状，外观看起来非常酷炫。虽然整体看起来并不是很复杂，但是功能可不小。播放、暂停、快进、后退、音量控制一个都不少。

酷炫视频播放器

这个视频播放器同样可以用来播放音乐、MV，这是一款UI界面设计非常出色的HTML播放器，整个界面非常简单，好像在看一部电影大片，设置了播放/暂停、音量调节等，这款播放器最大的特点就是可以全屏观看，支持视频和音频播放。

看了这么多酷炫的播放器设计，学习HTML5开发的朋友们，你们有什么想法吗？随着HTML5技术的快速发展，越来越多的HTML5作品设计也更加酷炫。还会有更多有关HTML5作品设计的内容跟大家分享，大家请多多关注。

---