Opera Widget:Gorgeous Ruler 3.0
Ruler 版本升级至 3.0，只要添加的功能就是水平或者垂直反转，之前在 Opera Widget 上看到有人需要这个功能，虽然比较很少有人可以用到，但是还是尝试去做了这个功能。另外就是简单优化了尺子的性能，砍掉了一些不必要的东西。
3.0 更新日志：
- 所有 Dom 结构改用 Javascript 加载；
- 尺子刻度以及刻度值改为 Canvas 绘制；
- 支持水平翻转以及垂直反转；
- 去除最小化功能；
- 增加中文支持；
- 用户配置项中增加语言选择项；
- 增加部分快捷键：“q”（关闭尺子）、“d”（改变水平、垂直方向）、“o”（水平或者垂直方向反转）、“r”（恢复尺子到正常状态）；
注意：此版本仅支持 Opera 10.5 以上版本。
下载安装：http://widgets.opera.com/widget/14151/3.0/（如果你正在使用的是 Opera 浏览器，也可以通过点击地址栏右侧的 Widget 小按钮直接下载安装）
源码下载：http://code.google.com/p/gorgeous-ruler/downloads/detail?name=Gorgeous%20Ruler%203.0.7z&can=2&q=（内含svn文件）
SVN 地址：http://gorgeous-ruler.googlecode.com/svn/trunk/ gorgeous-ruler-read-only
Google Code 地址：http://code.google.com/p/gorgeous-ruler/
小结
这次编码花了很久的时间，中间也遇到了不少的困难，尤其是对翻转效果的尝试，移除 HTML 中的 Dom 结构是为了简化翻转的困难，曾经考虑尝试过 SVG、Canvas、CSS3 的翻转效果，最终选择了 CSS3 的方式，因为其最为便捷，但是 CSS3 对 Canvas 元素的翻转支持还存在一些问题，随后会对这部分以及 Canvas 的 drawImage 方法有文章进行分析。
这篇文章发布于 2010年05月24日，星期一，18:49，归类于 编码。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。