Method showPreview

pixelizer.js:820–851

()

    }

    showPreview() {
        if (!this.basePixelCanvas) return;
        
        const previewSection = document.getElementById('previewSection');
        const canvas = document.getElementById('pixelizerCanvas');
        
        if (previewSection && canvas) {
            previewSection.style.display = 'block';
            
            // 复制基准像素图到预览canvas
            canvas.width = this.basePixelCanvas.width;
            canvas.height = this.basePixelCanvas.height;
            const ctx = canvas.getContext('2d');
            ctx.imageSmoothingEnabled = false;
            ctx.drawImage(this.basePixelCanvas, 0, 0);
            
            // 设置canvas样式以与原始图片保持一致的显示尺寸
            canvas.style.maxWidth = '100%';
            canvas.style.maxHeight = '100%';
            canvas.style.imageRendering = 'pixelated';
            canvas.style.objectFit = 'contain';
            
            this.processedCanvas = canvas;
            
            // 应用默认400%缩放
            this.applyZoom(400);
            
            // 应用网格
            this.updateGridDisplay();
            this.setupCanvasInteraction();
        }
    }

    setupCanvasInteraction() {
        // 手动对齐功能已被移除