Paper.js – Vektorgrafiken in Javascript mittels HTML5 Canvas

Es tauchen in letzter Zeit immer mehr Frameworks auf, die auf die eine oder andere Art und Weise versuchen, dem Webentwickler das Leben mit dem HTML5 Canvas-Element zu erleichtern. Dabei geht die Umsetzung von grottig über langsam bis zu nicht brauchbar. Paper.js versucht jetzt einen neuen Anlauf und sieht dabei ganz ordentlich aus.

Screenshot der Paper.js Beispiele

Überzeugend ist die Geschwindigkeit von Paper.js, die im Gegensatz zu vielen anderen Frameworks annehmbar ist. Grund hierfür dürfte es sein, dass das Framework bewusst auf Fallbacks für die alten Browser-Versuche von Microsoft verzichtet. Dazu gehört dann auch der Internet Explorer 8, aber ok – man kann nicht alles haben.

Lustigerweise erlaubt das Framework nicht nur das Zeichnen eines Canvas sondern auch die Kontrolle durch den Benutzer. Zum Zeichnen gehören Pfade, verschachtelte Ebenen und Gruppen. Diese wiederum können über Aktionen für Maus & Tastatur beeinflusst und geändert werden.

Auch wenn die Library erst in der Version 0.1 vorliegt ist sie bisher der schnellste und hoffnungsvollste Versuch im Umgang mit dem Canvas-Element. Man darf abwarten was noch kommt, aber bisher überzeugt das Projekt!

Ähnliche Beiträge

Underscore.string – String Manipulation für ... Drücken wir es nett aus: JavaScript und Strings sind keine guten Freunde. Vielleicht bin ich da etwas zu verwöhnt, aber ein bisschen geschickter hätte...
Autoresize von Textareas mit jQuery Textareas sind immer so eine Sache: egal wie groß man sie macht, der Kunde findet sie zu klein. Auch die Breite der Eingabe ist oft problematisch, da ...
HTML5 Games und Social Rankings Ich wollte das Wort "Schwanzvergleich" nicht schon direkt in der Überschrift verwenden, aber letztendlich läuft es bei allen Online-Spielen (wenn man ...
Adobe Brackets – Code Editor für HTML, CSS &... Nach gefühlten 25 Jahren, dem Plattmachen von Homesite und einigen Versuchen Dreamweaver irgend etwas sinnvolles abzugewinnen glaubt jetzt wohl schein...

Schreibe einen Kommentar