Method autoDetectAndSuggest

pixelizer.js:226–264

* 自动检测像素块大小并给出建议

(img)

     * 自动检测像素块大小并给出建议
     */
    async autoDetectAndSuggest(img) {
        try {
            // 创建临时canvas进行分析
            const canvas = document.createElement('canvas');
            const ctx = canvas.getContext('2d');
            
            // 限制分析尺寸以提高性能
            const maxAnalysisSize = 800;
            const scale = Math.min(1, maxAnalysisSize / Math.max(img.width, img.height));
            
            canvas.width = Math.floor(img.width * scale);
            canvas.height = Math.floor(img.height * scale);
            
            ctx.imageSmoothingEnabled = false;
            ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
            
            const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
            const detection = this.detectPixelBlockSize(imageData);
            
            console.log('Detection result:', detection);
            
            // 根据检测结果设置建议值
            if (detection.confidence > 0.7 && detection.blockSize > 1) {
                // 高置信度，使用自动识别模式
                document.querySelector('input[name="detectionMode"][value="auto"]').checked = true;
                this.showDetectionInfo(detection);
            } else {
                // 低置信度，切换到手动模式并给出建议
                document.querySelector('input[name="detectionMode"][value="manual"]').checked = true;
                const suggestedWidth = this.calculateSuggestedWidth(imageData);
                document.getElementById('targetWidth').value = suggestedWidth;
                document.getElementById('targetWidthInput').value = suggestedWidth;
                this.handleModeChange({ target: { value: 'manual' } });
            }
            
        } catch (error) {
            console.error('Auto detection failed:', error);
        }
    }

    /**
     * 检测像素块大小