Zeichenfläche

Erstelle eine einzelne Zeichnung mit 800 × 600 Pixeln oder beschrifte ein eingefügtes Bild. Werkzeug, Farbe, Breite und Deckkraft wählen, dann zeichnen. Stift und Radierer funktionieren auch mit einem einzelnen Tippen. Die Breite gilt in Dokumentpixeln, unabhängig vom Zoom; Stiftdruck wird nicht ausgewertet.

Die Fläche beginnt weiß. Der Radierer entfernt Pixel einschließlich eingefügter Bilder bis zur Transparenz. Das Schachbrett kennzeichnet transparente Bereiche und wird nicht exportiert. Die Deckkraft einer Form wird einmal auf die ganze Form einschließlich Füllung und Kontur angewendet. Verschiedene Striche können sich überlagern und dabei stärker decken.

Bild einfügen legt ein proportional eingepasstes PNG-, JPEG- oder WebP-Bild mittig auf die aktuelle Zeichnung. Die Grenzen sind 16 MiB Dateigröße und 16 Millionen decodierte Pixel. Bei einem Importfehler bleibt die Zeichnung erhalten. Während des Ladens sind Zeichenaktionen gesperrt.

Rückgängig und Wiederholen stellen Striche, eingefügte Bilder und das Leeren pixelgenau wieder her. Insgesamt bleiben bis zu 20 Verlaufsschritte erhalten; eine neue Änderung verwirft wiederholbare Schritte. Leeren setzt die ganze Fläche auf Weiß zurück. Escape oder eine abgebrochene Zeigergeste verwirft den unfertigen Strich. Pro Strich werden höchstens 8.192 Punkte aufgezeichnet; bei Überschreitung wird dieser Strich verworfen.

Zum Verschieben das entsprechende Werkzeug, die mittlere Maustaste oder bei Tastaturfokus auf der Fläche die Leertaste verwenden. Strg/⌘ + Mausrad zoomt um den Zeiger; das normale Mausrad scrollt die Seite. Einpassen folgt der verfügbaren Ansichtsgröße. Andere Zoomstufen behalten beim Ändern der Ansichtsgröße die sichtbare Dokumentmitte bei.

PNG exportiert die fertige RGBA-Bitmap mit 800 × 600 Pixeln. SVG (Raster) enthält genau ein eingebettetes PNG mit denselben Pixeln; es ist keine bearbeitbare Vektorzeichnung. Zoom und Schachbrett verändern das exportierte Bild nicht.

Zeichnung, Verlauf und Werkzeugeinstellungen bleiben beim Wechsel zwischen Tools innerhalb dieser Browsersitzung erhalten. Nach dem Neuladen werden nur kleine Einstellungen wiederhergestellt, nicht Zeichnung und Verlauf. Vor dem Neuladen oder Schließen exportieren. Die Verarbeitung bleibt im Browser.

Technische Grundlagen: HTML-Canvas-Komposition, Abbruch von Zeigergesten und Eingebettete Bilder in SVG.