Nov 29 2008
Runde Ecken ganz einfach mit Liquid Canvas
Steffen Rusitschka veröffentliche vor wenigen Tagen die sehr gelungene Mini-Javascriptbibliothek Liquid Canvas zum Erzeugen perfekter runder Ecken an beliebigen HTML-Elementen.
Die Rundungen werden zur Laufzeit über Canvas generiert und automatisch in den HTML-Code eingebettet. Der Einsatz von herkömmlichen Bildbearbeitungsprogrammen wie Gimp, Inkscape oder Photoshop entfällt völlig.
Die Features im Einzelnen:
- automatisches Erzeugen von HTML-Canvas-Elementen, die sich der Größe des HTML-Elements anpassen
- Canvas-Abstraktion – jedes HTML-Element erhält eine paint-Methode
- Plugins zum Rendern können verwendet werden
- etliche Plugins existieren bereits, eigene können ebenso eingebunden werden
- vereinfachte Render-Sprache für Plugin basiertes Rendern
- an CSS angelehnte Syntax der Render-Sprache für die plugin-Formatierung
- nutzt nur HTML, Canvas, jQuery und exCanvas
- funktioniert mit Firefox (2+), Internet Explorer (6+), Safari (3+), Chrome