Vektoren zeichnen und Bilder nachziehen — millimetergenau für den Plotter.
vektormaker ist ein kleiner Vektor-Editor mit allem, was ein Pen-Plotter braucht: Freihand, Linien, Splines, Rechtecke und Kreise zeichnen, Knoten und Anfasser nachträglich verschieben, Bilder als Vorlage einlegen und automatisch vektorisieren. Über einen Dicke-Multiplikator werden breite Striche in mehrere versetzte Bahnen zerlegt, damit der Stift sie sauber ausfüllt. Export ist ein millimetergenaues SVG.
Die App läuft komplett im Browser. Kein Konto, kein Build, keine Cloud — eine HTML-Datei und ein paar lokale Assets.
Umschaltbar zwischen dunklem und hellem Theme — der Schalter oben rechts merkt sich die Wahl.
- Zeichenwerkzeuge: Freihand, Linie, Spline, Rechteck, Kreis.
- Knoten-Editing: Segmente und Bézier-Anfasser einzeln verschieben, Punkte per Doppelklick einfügen.
- Undo/Redo über die gesamte Zeichnung (auch per Strg+Z / Strg+Y).
- Bild vektorisieren: Vorlage einlegen, Position und Größe anpassen, automatisch in Pfade umwandeln.
- Dicke-Multiplikator: breite Striche werden als mehrere versetzte Bahnen exportiert — plotterfreundlich.
- Millimetergenau. Blattgröße in mm (A4 voreingestellt), Stiftdicke in mm.
- Speichern & Laden als JSON, SVG-Export für den Plotter.
- Hell & Dunkel per Schalter, die Wahl bleibt gespeichert.
vektormaker ist eine statische Seite. Am einfachsten:
git clone https://github.com/malandereideen/vektormaker.git
cd vektormaker
python3 -m http.server 8000Dann http://localhost:8000 öffnen. (Direkt per Doppelklick
auf index.html geht auch — der lokale Server vermeidet nur eventuelle
Browser-Warnungen beim Laden der Schriftarten.)
- Blatt setzen. Größe in mm und globale Stiftdicke wählen.
- Zeichnen. Werkzeug aussuchen und im Blatt arbeiten; mit Editieren Knoten nachziehen.
- Bild nachziehen (optional). Vorlage laden, ausrichten, Bild Vektorisieren.
- Exportieren. SVG Export schreibt die Datei mit aufgelösten Mehrfach-Bahnen.
HTML, CSS und JavaScript ohne Build-Schritt. Für Geometrie und Editing kommt
paper.js zum Einsatz, für das Vektorisieren
imagetracer.js — beide liegen
lokal im Ordner vendor/, Schriftarten in fonts/. Damit läuft die App vollständig
offline. Die Farbgebung ist an das makr.tools-Design-System gekoppelt, sodass sich
helles und dunkles Theme umschalten lassen.
Teil von makr.tools, einer Sammlung kleiner, self-hosted Maker-Werkzeuge.
vektormaker ist im Vibe Coding entstanden — komplett im Gespräch mit einer KI gebaut, ohne selbst eine Zeile zu tippen. Die Idee, der Aufbau, die Entscheidungen: alles aus meinem Kopf und aus meiner Erfahrung als NC-Programmierer und Maker. Den Code hat die KI geschrieben, Schritt für Schritt, immer sofort im Browser überprüft.
Ich zeige damit gern, wie weit man heute mit diesem Ansatz kommt — von der ersten Idee bis zum lauffähigen Werkzeug.
MIT — siehe LICENSE.