das ergebnis ist ein negativ dreh schwarz und weiß um

index.html

@@ -382,35 +382,28 @@
                             data[i + 1] = avg;
                             data[i + 2] = avg;
                         }
-                        
-                        // Apply edge detection (simple inversion for demo)
+                        // Convert to grayscale and invert
                         for (let i = 0; i < data.length; i += 4) {
-                            data[i] = 255 - data[i];
-                            data[i + 1] = 255 - data[i + 1];
-                            data[i + 2] = 255 - data[i + 2];
+                            const avg = (data[i] + data[i + 1] + data[i + 2]) / 3;
+                            data[i] = 255 - avg;
+                            data[i + 1] = 255 - avg;
+                            data[i + 2] = 255 - avg;
                         }
-                        
-                        // Apply blur effect based on slider
+// Apply blur effect based on slider
                         const blurAmount = document.getElementById('blur-slider').value;
                         if (blurAmount > 0) {
                             ctx.filter = `blur(${blurAmount}px)`;
                             ctx.drawImage(canvas, 0, 0);
                             ctx.filter = 'none';
                         }
-                        
-                        // Apply line thickness (simple threshold adjustment)
-                        const thickness = document.getElementById('thickness-slider').value;
-                        const threshold = 128 + (thickness * 10);
-                        
-                        for (let i = 0; i < data.length; i += 4) {
-                            const avg = (data[i] + data[i + 1] + data[i + 2]) / 3;
-                            const val = avg > threshold ? 255 : 0;
-                            data[i] = val;
-                            data[i + 1] = val;
-                            data[i + 2] = val;
+                        // Apply blur effect based on slider
+                        const blurAmount = document.getElementById('blur-slider').value;
+                        if (blurAmount > 0) {
+                            ctx.filter = `blur(${blurAmount}px)`;
+                            ctx.drawImage(canvas, 0, 0);
+                            ctx.filter = 'none';
                         }
-                        
-                        ctx.putImageData(imageData, 0, 0);
+ctx.putImageData(imageData, 0, 0);
                         
                         // Show results
                         originalDisplay.src = imagePreview.src;