25、Poco绘图技术与Piu用户界面框架介绍

Poco绘图技术与Piu用户界面框架介绍

1. Poco额外绘图技术

Poco和Commodetto提供了许多工具，可针对特定需求简化和优化绘图。下面介绍三种技术：
- 将文本限制在框内 ：Poco在调用 begin 方法时，不会在定义的更新区域外绘图，它会将初始裁剪区域设置为与更新区域相同。代码也能在绘图时调整裁剪区域，但裁剪区域始终受 begin 定义的更新区域限制，只能缩小，不能超出初始绘图区域。
- 示例：滚动文本消息 ：在滚动文本消息（ticker）中，裁剪技术很有用。文本不能绘制在ticker边界外，但要绘制到边界。以下是相关代码：

let frame = 3;
let margin = 2;
let x = 10, y = 60;
let tickerWidth = 200;
let width = tickerWidth + frame * 2 + margin * 2;
let height = regular16.height + frame * 2 + margin * 2;

let text = "JavaScript is one of the world's most widely used programming languages.";
let textWidth = poco.getTextWidth(text, regular16);

let dx = tickerWidth;

poco.fillRectangle(black, x,