Bleistift.js | Komentor

Heute möchte ich euch vorstellen Pencil.js; eine schöne modulare interaktive 2D-Zeichnungsbibliothek, die in Javascript geschrieben ist.

Noch in der Aufbauphase, hat es bereits viele Funktionen zum Ausprobieren.

Zweck

Abstraktion

Das Zeichnen auf einer Leinwand ist nicht trivial.
Zunächst einmal besteht das Ziel darin, die Verwendung von Canvas in einem Browser zu vereinfachen. Jeder kann es mit seiner verständlichen Syntax und erweiterbaren Optionen verwenden.

Hoppla

OOP ist großartig, OOP ist allmächtig, OOP rettet Leben!
Andere Bibliotheken existieren, aber keine mit einer schönen OOP-Syntax. Es lässt Code natürlich aussehen.

Modularität

Das Aufteilen des gesamten Codes in Module macht alles sauberer.
Es ermöglicht Ihnen auch, nur das zu nehmen, was Sie brauchen, oder zu ersetzen, was Ihnen nicht gefällt.

Dokumentation

Eine vollständige Dokumentation trägt wesentlich dazu bei, Entwicklern zu helfen.
Alle Funktionen haben garantiert eine Beschreibung und auch typisierte Argumente und Rückgaben.

Beispiele

Schwarzes Dreieck

Hier ist ein “Hallo Welt”-Beispiel.

schwarzes Dreieck

Interaktion

Basierend auf Ereignissen ist es einfach, Interaktivität aufzubauen.

Interaktionsdemo

Es gibt noch viel mehr Optionen (Rotation, Cursor, Clip …) und Formen (Stern, Bild, Pfad …) zu entdecken.
Ich fange an, komplexe Komponenten wie Benutzereingaben (Schaltfläche, Kontrollkästchen, Schieberegler …) hinzuzufügen, und es funktioniert bisher gut.

Mehr

Wenn Sie weitere Beispiele sehen möchten, die mit Pencil.js erstellt wurden, überprüfen Sie dies die Sammlung auf Codepen.
Zögern Sie nicht, zu teilen, was Sie gemacht haben.

Was denkst du ?

Zunächst erwarte ich Feedback. Ich würde gerne eine API bauen, die von Anfängern verwendet werden kann, aber ich kenne sie zu gut. Wenn Sie Vorschläge haben oder auf Fehler stoßen, lassen Sie es mich wissen.

Wenn es Ihnen gefallen hat, nehmen Sie sich bitte die Zeit dafür bewerte es.

Danke für deine Zeit und bis bald.

Similar Posts

Leave a Reply

Your email address will not be published.