嵌入式系统中圆角矩形填充的一种实现思路

关键词：anti-aliasing 反锯齿| 抗锯齿| 反走样| 抗锯齿处理

相关开源项目: freetype,libart

1 概述

    本文介绍了一种绘制带圆角的矩形区域的思路，即在内存上或者一个图片上画一个带圆角的矩形区域，可以应用在嵌入式系统中自己实现按钮或者OSD菜单等。

2 关键问题

   画圆弧的关键是实现抗锯齿，即使圆弧看的比较圆润些。

3 技术路线

   1) FreeType库是一个完全免费(开源)的、高质量的且可移植的字体引擎，它提供统一的接口来访问多种字体格式文件，包括TrueType, OpenType, Type1, CID, CFF, Windows FON/FNT, X11 PCF等。支持单色位图、反走样位图的渲染。

      既然FreeType提供了抗锯齿的渲染方法，应该可以使用类似方法实现抗锯齿。

   2) 在freetype的源代码中提到：

  /* This is a new anti-aliasing scan-converter for FreeType 2.  The       */
  /* algorithm used here is _very_ different from the one in the standard  */
  /* `ftraster' module.  Actually, `ftgrays' computes the _exact_          */
  /* coverage of the outline on each pixel cell.                           */
  /*                                                                       */
  /* It is based on ideas that I initially found in Raph Levien's          */
  /* excellent LibArt graphics library (see http://www.levien.com/libart   */
  /* for more information, though the web pages do not tell anything       */
  /* about the renderer; you'll have to dive into the source code to       */
  /* understand how it works).   

     说明，用Libart也可以实现抗锯齿。

3) 看一下libart的介绍：

  Libart is a library for high-performance 2D graphics. It is currently being used as the antialiased rendering engine for theGnome Canvas. It is also the rendering engine forGill, the Gnome Illustration app.

   没错，用libart就行了。

4 具体实现思路

1)参考libart库函数art_vpath_new_circle()实现，形成ArtVpath
2)调用art_svp_from_vpath()函数将vpath转化为svp。

3)保存svp,当需要显示时候调用art_rgb_svp_alpha(svp)进行显示
4)当不需要显示时候，释放内存占用：art_free(svp)

效果如下：

5 后记

抗锯齿的具体实现可以参考libart的代码，是否有优化的方法？ 另外，圆弧的产生也可以使用快速算法。如果你有更好的方法请联系我，谢谢。

版权所有,转载请注明出处

http://www.agilevideo.net/