TouchGFX之画布

一、画布渲染器

画布控件渲染器（Canvas Widget Renderer，以下简称CWR）是强大的多功能TouchGFX插件，在使用相对较小的存储空间的同时保持高性能，可提供平滑、抗锯齿效果良好的几何图形绘制。TouchGFX使用CWR可绘制复杂的几何图形。 通过画布控件（Canvas Widget）定义几何图形。

TouchGFX中的坐标系通常用于寻址像素，以便在显示屏上定位位图。 位图、文本和其他图形元素都位于坐标系中，其中 (0,0) 是左上角像素，X轴向右延伸，Y轴向下延伸。 在CWR中，能够使用整数寻址像素是不够的，尽管在特殊情况下已经足够，在一般情况下远远不够。 为了证明这一点，假设有一个线宽为1的圆，必须被精确地嵌入一个5x5像素的方块中。 该圆的中心必须位于（2.5，2.5），半径必须为2（直线从圆周的两侧画出0.5），因此中心坐标需为分数。 类似地，如果圆应嵌入一个6x6像素的方块，则中心必须位于 (3, 3)，半径必须是2.5，因此半径需为小数。

这种新的图形绘制坐标寻址方式意味着 (0,0) 处像素的中心的CWR坐标为 (0.5, 0.5)。 因此，包含屏幕左上角像素的方块的轮廓如下：(0,0) -> (1,0) -> (1,1) -> (0,1) -> (0,0)。