Method drawTrackMode

static/visualizer.js:257–319

(width, height)

    }
    
    drawTrackMode(width, height) {
        const ctx = this.ctx;
        const tracking = this.data.tracking;
        
        if (!tracking) return;
        
        // 绘制追踪多边形
        if (tracking.polygon && tracking.polygon.length > 0) {
            ctx.beginPath();
            ctx.strokeStyle = this.colors.accent;
            ctx.lineWidth = 3;
            ctx.shadowColor = this.colors.accent;
            ctx.shadowBlur = 15;
            
            const points = this.scalePoints(tracking.polygon, width, height);
            ctx.moveTo(points[0][0], points[0][1]);
            points.forEach(p => ctx.lineTo(p[0], p[1]));
            ctx.closePath();
            ctx.stroke();
            
            ctx.shadowBlur = 0;
            
            // 绘制中心点
            if (tracking.center) {
                const center = this.scalePoint(tracking.center, width, height);
                ctx.fillStyle = this.colors.accent;
                ctx.beginPath();
                ctx.arc(center[0], center[1], 6, 0, Math.PI * 2);
                ctx.fill();
            }
        }
        
        // 绘制进度条
        this.drawProgressBars(tracking, width, height);
        
        // 绘制引导文字
        if (tracking.guidance) {
            const guidanceText = {
                '向前靠近': 'Move Closer',
                '后退': 'Move Back',
                '保持': 'Hold Position'
            };
            
            this.drawStatusText(
                tracking.guidance,
                guidanceText[tracking.guidance] || '',
                width / 2,
                height - 100,
                this.colors.warning
            );
        }
        
        // 如果触发了重新锁定
        if (tracking.relock_triggered) {
            this.drawStatusText(
                '已根据周边检测刷新追踪',
                'Tracking refreshed by peripheral detection',
                width / 2,