Abo
  • Services:

Raphaël - Javascript zaubert Vektorgrafik fürs Web

Javascript-Bibliothek erzeugt animierte Vektorgrafik in SVG und VML

Die Javascript-Bibliothek Raphaël erleichtert den Umgang mit Vektorgrafik im Web. Dabei setzt Raphaël auf den Vektorgrafikstandard SVG, der von vielen modernen Browsern beherrscht wird. Speziell für den Internet Explorer wird Microsofts VML unterstützt.

Artikel veröffentlicht am ,

Schick animierte Vektorgrafik im Web verspricht die freie Javascript-Bibliothek Raphaël, die jetzt in der Version 1.0 veröffentlicht wurde. Die freie Bibliothek steht unter der MIT-Lizenz, ist ungepackt rund 54 KByte groß und schrumpft in der mit gzip komprimierten Version auf 20 KByte.

 

Stellenmarkt
  1. SHW Automotive GmbH, Aalen, Bad Schussenried
  2. BWI GmbH, Bonn, Köln

Zur Erzeugung der Vektorgrafiken setzt Raphaël auf SVG und VML, so dass die Grafiken auch im Internet Explorer angezeigt werden können. Offiziell unterstützt die Bibliothek Firefox ab Version 3.0, Safari ab Version 3.0, Opera ab Version 9.5 und den Internet Explorer ab Version 6.0.

Die Vektorgrafiken legt Raphaël als DOM-Objekt an, so dass sich diese mit Javascript-Event-Handlern verknüpfen und später modifizieren lassen.

Raphaël steht unter raphaeljs.com zum Download bereit. Ein Überblick der Funktionen steht unter raphaeljs.com/reference.html zur Verfügung.



Anzeige
Top-Angebote
  1. (heute u. a. Dockin Bluetooth-Lautsprecher)
  2. (heute u. a. Be quiet Silent Base 601 104,90€, Zyxel-Switch 44,99€)
  3. (Zugang für die ganze Familie!)
  4. 14,99€

quaputzi 23. Nov 2010

Huch, gar nicht darauf geachtet wie alt das Thema ist... :(

jockl 13. Okt 2009

Vielleicht schausst Du Dir ja einfach mal an, was der Mann geistig drauf hat: Er ist der...

wombat 07. Okt 2009

Tja, divs drehen wäre cool. Kenn ich aber nicht. Ich würde das wohl mit einem PHP Script...

MuhahahH 07. Okt 2009

Kuhfladen: "dass du das nicht kannst..." *KOPFSCHÜTTEL*

Lunix 07. Okt 2009

Das haben Bildschirmfüllende Vektorgrafiken nun mal an sich, ob mit Flash oder SVG...


Folgen Sie uns
       


AMD Athlon 200GE - Test

Der Athlon 200GE ist ein 55 Euro günstiger Chip für den Sockel AM4. Er konkurriert daher mit Intels Celeron G4900 und Pentium G5400. Dank zwei Kernen mit SMT und 3,2 GHz sowie einer Vega-3-Grafikeinheit schlägt er beide Prozessoren in CPU-Benchmarks und ist schneller in Spielen, wenn diese auf der iGPU laufen.

AMD Athlon 200GE - Test Video aufrufen
Augmented Reality: Das AR-Fabrikgelände aus dem Smartphone
Augmented Reality
Das AR-Fabrikgelände aus dem Smartphone

Derzeit ist viel von einer Augmented Reality Cloud die Rede. Golem.de hat mit dem Berliner Startup Visualix über den Stand der Technik und künftige Projekte für Unternehmenskunden gesprochen - und darüber, was die Neuerungen für Pokémon Go bedeuten könnten.
Ein Interview von Achim Fehrenbach

  1. Jarvish Motorradhelm bringt Alexa in den Kopf
  2. Patentantrag Apple plant Augmented-Reality in der Windschutzscheibe
  3. Magic Leap Lumin OS Erste Bilder des Betriebssystems für Augmented Reality

Galaxy A9 im Hands on: Samsung bietet vier
Galaxy A9 im Hands on
Samsung bietet vier

Samsung erhöht die Anzahl der Kameras bei seinen Smartphones weiter: Das Galaxy A9 hat derer vier, zudem ist auch die restliche Ausstattung nicht schlecht. Aus verkaufspsychologischer Sicht könnte die Einstufung in die A-Mittelklasse bei einem Preis von 600 Euro ein Problem sein.
Ein Hands on von Tobias Költzsch

  1. Auftragsfertiger Samsung startet 7LPP-Herstellung mit EUV
  2. Galaxy A9 Samsung stellt Smartphone mit vier Hauptkameras vor
  3. Galaxy J4+ und J6+ Samsung stellt neue Smartphones im Einsteigerbereich vor

Shine 3: Neuer Tolino-Reader bringt mehr Lesekomfort
Shine 3
Neuer Tolino-Reader bringt mehr Lesekomfort

Die Tolino-Allianz bringt das Nachfolgemodell des Shine 2 HD auf den Markt. Das Shine 3 erhält mehr Ausstattungsdetails aus der E-Book-Reader-Oberklasse. Vor allem beim Lesen macht sich das positiv bemerkbar.
Ein Hands on von Ingo Pakalski

  1. E-Book-Reader Update macht Tolino-Geräte unbrauchbar

    •  /