Zeichnen (Paint)
A drawing and painting app with HTML5 Canvas, multiple tools, layers, and image filters.
Drawing Tools
| Tool | Shortcut | Description |
|---|---|---|
| Pencil | P | Freehand drawing |
| Brush | B | Soft brush strokes |
| Eraser | E | Remove content |
| Line | L | Straight lines |
| Rectangle | R | Rectangles (filled or outline) |
| Ellipse | O | Ellipses and circles |
| Triangle | T | Triangles |
| Arrow | A | Arrows |
| Star | — | Star shapes |
| Polygon | — | Custom polygons |
| Text | — | Add text to canvas |
Features
- Color palette — 20 standard colors + custom HSL/RGB/HEX picker
- Eyedropper — Pick colors from the canvas
- Fill / Stroke — Separate fill and stroke colors
- Stroke width — Adjustable slider (1-50px)
- Opacity — Per-tool opacity control
- Flood fill — Paint bucket tool
- Selection — Rectangle select, move, scale, rotate, copy, cut
- Undo / Redo — 50+ steps (Ctrl+Z / Ctrl+Y)
- Zoom — 25%-800% with pan
- Layers — Add, remove, reorder, toggle visibility, adjust opacity
- Transparent background — PNG alpha support (checker pattern)
- Canvas resize — Change dimensions, crop, rotate (90/180/free)
- Image filters — Brightness, contrast, saturation, grayscale, sepia, invert, blur
- Paste from clipboard — Ctrl+V to insert screenshots or images
- Grid overlay — Alignment helper
- Auto-Save — Automatisches Speichern bei Aenderungen v3.12
v3.12 Updates v3.12
Auto-Save
Zeichnungen werden automatisch gespeichert, wenn Aenderungen vorgenommen werden:
- Debounced Save (nach kurzer Inaktivitaet)
- Verhindert Datenverlust bei Browser-Absturz oder versehentlichem Schliessen
- Visuelles Feedback ("Gespeichert") in der Toolbar
PNG-Download
Neuer Button zum direkten PNG-Export:
- Ein-Klick-Download als
.png-Datei - Respektiert die aktuelle Canvas-Groesse und alle Ebenen
- Transparenz wird beibehalten
Interface
- Top toolbar — File actions (New/Open/Save), Undo/Redo, Zoom
- Left panel — Tool palette (vertical) + color picker below
- Center — Scrollable canvas area
- Right panel — Layers list with visibility/opacity controls
- Options bar — Tool-specific settings (stroke width, fill mode, font)
Save / Export
- Formats — PNG, JPEG, WebP
- Save to Files — Saves directly to the Niuton filesystem
- Open from Files — Load existing images for editing
File Type Associations
.png,.jpg,.jpeg,.webp,.bmp,.gif— Opens in Zeichnen from the Files app