PDF-Anmerkungen online — Zeichnen, Markieren und Notizen

Sie möchten eine Bemerkung an den Rand eines Vertrags schreiben, eine Klausel einkreisen, einen Absatz markieren oder Daten in ein Formular eintragen. Das Werkzeug „Anmerkungen" in pdfredX lässt Sie direkt über der PDF-Seite im Browser zeichnen und schreiben: Text, Formen, Pfeile, Stift, Textmarker — alles kommt auf das Blatt und wird in die fertige Datei eingebrannt. Nichts wird auf einen Server hochgeladen.

Schritt 01. Die Seite im Editor öffnen

Laden Sie ein PDF auf pdfredx.com und öffnen Sie die gewünschte Seite im Editor (FAB) — zum Beispiel mit der Schaltfläche ✏️ auf der Karte. Die Seite wird im Tab über PDF.js gerendert, die Markierungen liegen darüber. Nichts geht an einen Server.

Schritt 02. Ein Annotations-Werkzeug wählen

Das Editor-Feld bietet einen vollen Satz für Anmerkungen:

• ✏️ Text — klicken und tippen: So fügen Sie Text in ein PDF ein, beschriften Felder, tragen Daten in ein Formular ein. Farbe und Größe sind einstellbar.
• 🖊️ Stift — freihändiges Zeichnen; die Linienstärke lässt sich ändern. So „zeichnen" Sie auf einem PDF wie auf Papier.
• 🖍️ Textmarker — eine gelbe halbtransparente Hervorhebung wichtiger Zeilen.
• Formen — Rechteck, Kreis, Ellipse, Dreieck (gefüllt oder als Kontur).
• Linien — eine gerade Linie und eine Polylinie (Pfeile, Zeiger).

Ein Fehler — Strg+Z macht die letzte Aktion rückgängig; ESC oder ein Rechtsklick brechen das aktuelle Zeichnen ab, ohne das Werkzeug abzuschalten.

Schritt 03. Das PDF mit Notizen speichern

Klicken Sie auf „Speichern" — alle Markierungen werden in voller Auflösung in die Seite eingebrannt, das Ergebnis ist in der Galerie zu sehen. Danach baut „PDF erstellen" die Datei zusammen: Sie erhalten ein PDF mit dem hinzugefügten Text und den Notizen. Der Download erfolgt direkt aus dem Browser. Kostenlos, ohne Registrierung, ohne Server-Warteschlange.

Wie es technisch funktioniert

Die Markierungen werden über Fabric.js über dem Seitenbild gezeichnet. Jedes Werkzeug erstellt ein Objekt auf dem Canvas (Text ist ein fabric.IText, der Stift ein freier Pfad, Formen sind fabric.Rect/Circle usw.). Beim Speichern exportiert saveFab das Canvas mit den Objekten in voller Auflösung in das Seitenbild und aktualisiert das editUrl. Das Original (origUrl) wird nicht verändert — Änderungen gehen nur in editUrl, sodass der Editor erneut geöffnet und fortgesetzt werden kann.

Bekannte Einschränkungen

Anmerkungen werden in die Seite eingebrannt. Im fertigen PDF sind die Markierungen Teil des Blattbildes, keine separate bearbeitbare Ebene: Sie lassen sich in einem anderen Viewer nicht als Objekte verschieben oder löschen. Bis Sie „Speichern" drücken, bleibt alles im FAB bearbeitbar.

Das Ausfüllen von Formularen ist visuell. Text wird als Anmerkung über ein Feld getippt; das sind keine interaktiven PDF-AcroForm-Felder, sondern überlagerter Text (zum Drucken und Versenden eines Scans genau das Richtige).

Das Ergebnis ist ein Raster. Der eigene Text des Dokuments lässt sich in der exportierten Datei nicht markieren — die Seite wird zu einem Bild mit Ihren Markierungen.

Müssen Sie Daten unwiderruflich verbergen statt zu markieren? Das ist das Werkzeug Text schwärzen. Und um eine Marke auf alle Seiten auf einmal zu setzen — Wasserzeichen.

Probieren Sie es gleich aus — pdfredx.com, ohne Registrierung, Ihre Dateien bleiben bei Ihnen.

Einen Vertrag vor dem Versand mit Anmerkungen versehen, Kommentare zu einem Layout hinterlassen, Bemerkungen in einen Bericht schreiben — das ist typische gemeinsame Arbeit an Dokumenten. Doch ein gewöhnlicher Online-PDF-Editor zum Zeichnen und Kommentieren verlangt, das Dokument zuerst auf seinen Server zu laden. Das heißt: Ein Vertrag mit Bedingungen und Daten wandert auf eine fremde Maschine, nur für ein paar Markierungen. Sehen wir uns an, wie man ein PDF online annotiert, ohne die Datei irgendwohin zu geben.

Wohin das Dokument bei serverbasierten Editoren geht

Wenn Sie ein PDF in einem üblichen Online-Markup-Editor öffnen, wandert die Datei vollständig auf eine entfernte Maschine. Von dort geht es nach der Richtlinie des Dienstes weiter, die kaum jemand liest:

• das Dokument wird im temporären Speicher eines Auftragsverarbeiters abgelegt (AWS, GCP, Azure);
• es wird auf einem fremden Server verarbeitet;
• es wird von einigen Stunden bis zu mehreren Tagen „zur Sicherheit" aufbewahrt;
• es wird zusammen mit Metadaten protokolliert — IP, Zeit, Dateiname und -größe.

Der DSGVO-Blickwinkel

Sobald der Vertrag auf den Server eines Dienstes hochgeladen wird, findet im Sinne der DSGVO eine Übermittlung personenbezogener Daten an einen Dritten statt — nur für ein paar Kommentare und Pfeile. Das zieht eine ganze Pflichtenkette nach sich: einen Auftragsverarbeitungsvertrag (AVV) mit dem Anbieter, die Prüfung des Serverstandorts (Übermittlung in Drittländer außerhalb der EU), eine Rechtsgrundlage. Die lokale Verarbeitung dreht die Logik um: Verlässt die Datei das Gerät nicht, gibt es keine Übermittlung an einen Dritten — und die Pflichtenkette entfällt.

Lokales Annotieren: das Dokument verlässt den Tab nicht

pdfredX ist ein PDF-Editor zum Zeichnen und Kommentieren, der die Datei nirgendwohin hochlädt. Das ist eine Folge der Architektur und lässt sich überprüfen.

Die Datei wird lokal gelesen. PDF.js öffnet das Dokument im Tab und zeichnet die Seite auf ein Canvas. Es gibt keine Netzwerkanfrage mit Ihrer Datei.

Das Markieren geschieht im Speicher des Tabs. Text, Stift, Textmarker, Formen, Pfeile — all das sind Objekte über der Seite, Operationen auf bereits geladenen Daten. Nichts wird versendet.

Die fertige Datei entsteht auf dem Client. Das annotierte PDF wird direkt im Tab erzeugt und landet in „Downloads", statt zu einem Server und zurück zu fliegen.

Es funktioniert offline. Laden Sie den Vertrag, trennen Sie die Internetverbindung und versehen Sie ihn mit Anmerkungen — alles läuft weiter. Das Netz wird nur benötigt, um die App einmal zu laden.

In der Praxis: Öffnen Sie die Seite, wählen Sie Text/Stift/Textmarker, fügen Sie einen Kommentar ein oder kreisen Sie eine Klausel ein und speichern Sie. Das Dokument bleibt die ganze Zeit bei Ihnen — praktisch sowohl für sensible Verträge als auch für die interne Layout-Prüfung.

Was wir nicht garantieren können — ein ehrlicher Hinweis

Die clientseitige Verarbeitung schützt ein Dokument davor, auf externe Server zu gelangen, doch sie ist kein Schild gegen jede Bedrohung, und das Gegenteil zu versprechen wäre unehrlich.

Schadsoftware oder ein Keylogger auf dem Gerät. Ist die Maschine kompromittiert, kann ein Programm Dateien am Browser vorbei direkt von der Festplatte lesen.

Browser-Erweiterungen mit weitreichenden Rechten. Eine Erweiterung mit der Berechtigung „Daten auf allen Websites lesen" kann theoretisch den Inhalt des Tabs sehen. Arbeiten Sie für sensible Dokumente in einem Profil ohne Fremd-Erweiterungen oder in einem privaten Fenster.

Die gespeicherte Datei bleibt auf Ihrer Festplatte. Ist das Gerät nicht durch Verschlüsselung geschützt, können Dateien bei physischem Zugriff von Dritten gelesen werden.

Wir gewährleisten die Isolation auf Ebene des Browser-Tabs. Der Rest liegt beim Nutzer.

Versehen Sie ein PDF mit Anmerkungen und kommentieren Sie es, ohne es auf einen Server zu laden — pdfredx.com, kostenlos, ohne Registrierung.

Ein PDF lässt sich auf zwei grundlegend verschiedene Weisen annotieren. Der native Weg ist, Objekte als separate Annotationsebene in die PDF-Struktur einzufügen (die Annotations-Spezifikation: Unterstreichungen, Notizen und Formen bleiben vektorbasiert und in jedem Viewer bearbeitbar). Der Raster-Weg ist, die Markierungen auf Canvas über dem Seitenbild zu zeichnen und sie „einzuprägen". pdfredX geht den zweiten Weg. Sehen wir uns an, wie das Werkzeug annot aufgebaut ist: warum eine Fabric.js-Zeichenebene statt nativer Annotationen, wie die Werkzeuge funktionieren und warum alles in die Seite eingebrannt wird.

Die architektonische Wahl: native Annotationen gegen eine Canvas-Ebene

Native PDF-Annotationen. In die Dateistruktur als separate Objekte geschrieben (/Annots): Text, Hervorhebungen und Formen bleiben vektorbasiert und bearbeitbar — sie lassen sich in einem Drittanbieter-Viewer verschieben und löschen. Der Vorteil ist Flexibilität; der Nachteil für einen Browser ohne Backend ist, dass ein vollwertiger PDF-Parser/-Writer nötig ist und sich das Verhalten von Annotationen zwischen Viewern unterscheidet.

Eine Canvas-Ebene (der pdfredX-Weg). Das Werkzeug ist in den FAB-Editor eingebettet, in dem die Seite bereits von PDF.js in ein Bild gerendert ist. Die Markierungen werden mit derselben Canvas-2D über Fabric.js über der Seite gezeichnet und mit ihr zu einem einzigen Raster verschmolzen. Der Preis ist, dass Annotationen ihre „Bearbeitbarkeit" in anderen Viewern verlieren; der Gewinn ist ein vorhersehbares Erscheinungsbild für alle (Markierungen sehen überall gleich aus und können nicht versehentlich verschoben werden) und volle Privatsphäre (alles im Tab).

Die Umsetzung im Einzelnen

Werkzeuge als Fabric-Objekte

Jedes Markierungswerkzeug erstellt ein Objekt auf dem Canvas:

• Text → fabric.IText (ein bearbeitbarer Block, Farbe/Größe/Auswahl);
• Stift → ein freier Pfad (freeDrawingBrush, Stärke fabPenWidth);
• Textmarker → ein halbtransparenter gelber Strich (Deckkraft ~0,38);
• Formen → fabric.Rect / Circle / Ellipse / Triangle (Füllung oder Kontur nach fabFillMode);
• Linien → eine gerade Linie (fabric.Line, Shift = Einrasten auf Winkel) und eine Polylinie (Punkte per Klick).

Das Umschalten des Werkzeugs (setFabTool) setzt den Cursor und den Zeichenmodus; jede destruktive Aktion läuft über fabPushUndo() — eine Stapeltiefe von 30, Rückgängig mit Strg+Z.

Abbrechen ohne das Werkzeug zu verlassen

ESC und ein Rechtsklick brechen die aktuelle Aktion ab, schalten das Werkzeug aber nicht aus — man kann sofort an der richtigen Stelle neu zeichnen. Das ist bewusst so (häufiges Nachbessern): Das Canvas wird mit fireRightClick:true + stopContextMenu:true erstellt, und ein Rechtsklick sendet mouse:down mit button===2 → fabCancelCurrentActionOnly().

Einbrennen in die Seite

Beim Speichern entfernt saveFab zuerst die Dienst-Auswahlobjekte (Lasso-Striche/Overlays) und exportiert dann das Canvas mit einem Multiplikator für die native Auflösung in ein Bild:

fabRemoveSelectionHelpers();               // temporäre Striche/Overlays entfernen
const multiplier = fabNativeW / fabCanvas.getWidth();
const dataUrl = fabCanvas.toDataURL({ format:'jpeg', quality:0.92, multiplier });
items[fabItemId].editUrl = dataUrl;         // Änderungen gehen nur in editUrl

Die Annotationen verschmelzen in voller Auflösung mit der Seite, sodass Linien und Text nicht verschwimmen. Zusätzlich werden die Objekte in fabJson gespeichert — beim erneuten Öffnen des Editors „erwachen" sie über enlivenObjects, sodass sich die Markierungen nachbearbeiten lassen (bis Cropper angewendet wird, was fabJson zurücksetzt).

Kompromisse und Grenzen des Ansatzes

Annotationen sind nicht nativ. Im fertigen PDF sind sie Teil des Seitenrasters, keine bearbeitbare /Annots-Ebene; in einem anderen Viewer lassen sie sich nicht verschieben.

Das Ausfüllen von Formularen ist ein Overlay. Text liegt über einem Feld statt in einem interaktiven AcroForm-Feld; zum Drucken und Versenden eines Scans reicht das.

Ein Raster-Ergebnis. Der eigene Text des Dokuments lässt sich nach dem Export nicht markieren.

Was als Nächstes kommt

Export in eine native Annotationsebene für rein digitale PDFs — ein optionaler Zweig, damit Markierungen in einem Drittanbieter-Viewer bearbeitbar bleiben, wenn die Quelle es zulässt.

Haftnotizen (Sticky Notes) — einklappbare Kommentare mit Autor und Zeit für die gemeinsame Prüfung.

Möchten Sie es testen — öffnen Sie eine Seite im Editor auf pdfredx.com, zeichnen Sie mit Stift und Text, speichern Sie. Ohne Registrierung, ohne Datei-Upload auf einen Server.