Opera Widget:Gorgeous Ruler 2.0
Ruler版本升级至2.0版本，主要改进的就是背景的问题。在1.0版本里使用的一个透明的背景图片，再加上用户输入的一个背景色来控制背景的显示，这个局限性比较大，为了让用户可以更好的自定义皮肤，所以这里做了重点改进，其实功能上没什么问题，主要就是使用上的改进。
2.0改进的一些地方及功能：
- 背景使用canvas绘制，支持用户自定义渐变，包括开始颜色、透明度、结束颜色、透明度以及渐变的长度；
- 左侧/上侧使用圆角展示；
- 改变方向时，以操作的几个icon为圆心，仅尺子动，而操作按钮不跟随跳动；
- 最大最小化使用动画；
- 最小化后，不在初始化尺子位置，亦不再更换图片，仅将最小化icon和最大化icon做替换；
- 当鼠标移至边缘时，刻度始终显示在尺子内，避免显示在外侧被遮挡；
- JS、CSS文件做了优化；
- 更换了icon图标；
下载安装：http://widgets.opera.com/widget/14151/2.0/
源码下载：http://code.google.com/p/gorgeous-ruler/downloads/list
小结：
在用canvas去绘制背景的时候，纠结了一点，就是在尺子进行旋转的时候，采用什么方式？最初想着是是使用drawImage的rotate进行旋转，不过后来发现这个东东存在一些缺陷，而且感觉其实效率并不是很高，而本身这个canvas仅仅是绘制了一个圆弧和一个方框，我完全可以直接重绘，性能并不差，而且省去了诸多麻烦，最终还是选择了重绘。
标签： canvas, Opera, ruler, widget
这篇文章发布于 2009年11月10日，星期二，20:25，归类于 Opera。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。
