想在页面指定位置画一个矩形，如何实现？ · 问答

在Hamibot中使用Canvas绘制矩形的实现步骤如下：

创建全屏浮窗并初始化画布：

// 文档地址 https://docs.hamibot.com/
auto.waitFor();
let window = floaty.rawWindow(<canvas id="canvas" />);
window.setSize(-1, -1); // 全屏显示
window.setTouchable(false);

配置画笔参数（绿色描边，线宽6像素）：

let paint = new Paint();
paint.setStyle(Paint.Style.STROKE); // 描边模式
paint.setStrokeWidth(6); // 设置线宽
paint.setColor(colors.parseColor('#00ff00')); // 绿色描边

在Canvas的draw事件中执行绘制（使用坐标范围绘制）：

window.canvas.on('draw', function(canvas) {
    // 绘制指定区域的矩形边框
    canvas.drawRect(
        100,  // 左边界x坐标
        200,  // 上边界y坐标 
        300,  // 右边界x坐标
        400,  // 下边界y坐标
        paint
    );
});

扩展说明：

坐标参数可以使用具体数值，或通过控件.bounds()方法获取的Rect对象分解出left/top/right/bottom
绘制样式受Paint对象控制，设置Style为FILL会填充矩形，设置为STROKE仅描边
需要特别注意Rhino引擎兼容性，避免使用ES6+新特性（如箭头函数需改写为function）
浮窗位置可通过setPosition()调整，状态栏偏移问题可通过获取status_bar_height解决（参考知识库示例）

回答