Abo
  • Services:
Anzeige

Canto.js

Vereinfachtes API für HTML5-Canvas

Der Entwickler und Buchautor David Flanagan hat mit Canto.js eine Javascript-Bibliothek veröffentlicht, die den Umgang mit dem Canvas-Element aus HTML5 vereinfacht, wenn es um 2D-Zeichnungen geht.

Canto.js definiert eine einzelne Factory-Funktion namens canto(). Wird dieser ein Canvas-Element oder die ID eines Canvas-Elements übergeben, gibt die Funktion ein Canto-Objekt zurück. Dabei handelt es sich um einen Zeichen-Kontext, wie ihn auch die Funktion getContext('2d') zurückgibt.

Der Vorteil: Das Canto-Objekt implementiert ein vereinfachtes 2D-Zeichen-API, funktioniert ansonsten aber wie gehabt. So soll sich Canto leicht in bestehenden Code integrieren lassen.

Anzeige

Da alle Canto-Methoden, die keine expliziten Rückgabewerte haben, das Canto-Objekt zurückgeben, lassen sich die Funktionen des Canto-APIs leicht verketten. Das kennt man beispielsweise von jQuery. Der Aufruf "canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke();" zeichnet beispielsweise ein Dreieck, wobei die Funktion lineTo() vier Argumente aufnimmt, so dass mit einem Aufruf zwei Linien gezeichnet werden können.

Einigen Funktionen, darunter stroke(), drawImage() und fillText(), können zusätzliche Grafikattribute wie Farbe und die Breite der zu zeichnenden Linie mitgegeben werden: "canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke({lineWidth: 15, strokeStyle: "red"});"

Flanagan, der einige Bücher zu Java und Javascript für O'Reilly geschrieben hat, hat Canto.js unter der MIT-Lizenz als Open Source freigegeben und den Code unter code.google.com veröffentlicht.


eye home zur Startseite
NeoTiger 29. Jul 2010

Du wirst lachen, aber das ist in Canto schon drin: // Absolute lineto function L...

Honk 29. Jul 2010

Schonmal ein guter Ansatz. Das werde ich mal testen.



Anzeige

Stellenmarkt
  1. Bundes-Gesellschaft für Endlagerung mbH (BGE), Salzgitter, später Peine
  2. über Hanseatisches Personalkontor Bodensee, Rottweil-Neukirch
  3. Daimler AG, Esslingen
  4. Wüstenrot & Württembergische AG, Stuttgart


Anzeige
Hardware-Angebote
  1. bei Caseking
  2. ab 179,99€

Folgen Sie uns
       


  1. Spielebranche

    Kopf-an-Kopf-Rennen zwischen Pro und X erwartet

  2. Thunderobot ST-Plus im Praxistest

    Da gehe ich doch lieber wieder draußen spielen!

  3. Fahrdienst

    Alphabet investiert in Lyft

  4. Virtuelles Haustier

    Bandai kündigt "Classic Mini"-Version des Tamagotchi an

  5. News

    Facebook testet Abos für Nachrichten-Artikel

  6. Elon Musk

    Baut The Boring Company den Hyperloop?

  7. Mobilfunkausrüster

    Ericsson macht hohen Verlust

  8. Luminar

    Lightroom-Konkurrenz bringt sich in Stellung

  9. Kleinrechner

    Tim Cook verspricht Update für Mac Mini

  10. Elektrorennwagen

    VW will elektrisch auf den Pikes Peak



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Passwortmanager im Vergleich: Das letzte Passwort, das du dir jemals merken musst
Passwortmanager im Vergleich
Das letzte Passwort, das du dir jemals merken musst
  1. 30.000 US-Dollar Schaden Admin wegen Sabotage nach Kündigung verurteilt
  2. Cyno Sure Prime Passwortcracker nehmen Troy Hunts Hashes auseinander
  3. Passwortmanager Lastpass ab sofort doppelt so teuer

APFS in High Sierra 10.13 im Test: Apple hat die MacOS-Dateisystem-Werkzeuge vergessen
APFS in High Sierra 10.13 im Test
Apple hat die MacOS-Dateisystem-Werkzeuge vergessen
  1. MacOS 10.13 Apple gibt High Sierra frei
  2. MacOS 10.13 High Sierra Wer eine SSD hat, muss auf APFS umstellen

Elex im Test: Schroffe Schale und postapokalyptischer Kern
Elex im Test
Schroffe Schale und postapokalyptischer Kern

  1. Re: Alte Hardware

    Kondratieff | 13:16

  2. Re: Die If-Schleife hat wohl nicht funktioniert.

    DjNorad | 13:16

  3. Re: Meanwhile in Germany...

    bombinho | 13:14

  4. Re: Auto pilot mal wieder versagt !

    Jossele | 13:13

  5. VW kommt auf den PP bestimmt noch so cool hoch...

    1st1 | 13:13


  1. 12:50

  2. 12:22

  3. 11:46

  4. 11:01

  5. 10:28

  6. 10:06

  7. 09:43

  8. 07:28


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel