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

Enquire.js – Media Query Callbacks in JavaScript Media-Queries sind eine richtig schicke Angelegenheit, ohne die ein Responsive Design nicht möglich wäre. Ganz einfach ausgedrückt läuft die Sache so:...
Individuelle Checkboxen ohne JavaScript Schuster bleib bei deinen Leisten ist nicht immer eine gute Idee! Vor allem dann, wenn man seine Stiefel anstatt gegen die Version aus Gummi auszutaus...
Initializr – HTML5 Template Generator Nachdem uns derzeit wie blöde Boilerplates um die Ohren geworfen werden stellt sich zu Recht die Frage: welche ist passend für mich, und was mache ich...
HTML5 & CSS3 – Was funktioniert in welc... HTML5 und CSS3 nähert sich in großen Schritten, und spätestens dann wird sich im Bereich der Webentwickler die Spreu vom Weizen trennen, da beides ebe...

Schreibe einen Kommentar