Method render

static/visualizer.js:67–98

()

    }
    
    render() {
        const ctx = this.ctx;
        const width = this.canvas.width / window.devicePixelRatio;
        const height = this.canvas.height / window.devicePixelRatio;
        
        // 清空画布
        ctx.fillStyle = this.colors.background;
        ctx.fillRect(0, 0, width, height);
        
        // 绘制网格背景
        this.drawGrid(width, height);
        
        // 绘制HUD边框
        this.drawHUD(width, height);
        
        // 根据模式绘制内容
        if (this.data.mode === 'SEGMENT') {
            this.drawSegmentMode(width, height);
        } else if (this.data.mode === 'FLASH') {
            this.drawFlashMode(width, height);
        } else if (this.data.mode === 'TRACK') {
            this.drawTrackMode(width, height);
        }
        
        // 绘制手部骨骼
        if (this.data.hand) {
            this.drawHand(this.data.hand, width, height);
        }
        
        // 绘制FPS和状态信息
        this.drawStats(width, height);
    }
    
    drawGrid(width, height) {
        const ctx = this.ctx;