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. operational services GmbH & Co. KG, Wolfsburg, Braunschweig, Frankfurt, Zwickau, Dresden
  2. UTILITY PARTNERS GmbH, Raum Stuttgart
  3. PKS Software GmbH, deutschlandweit
  4. Weidmüller Interface GmbH & Co. KG, Detmold


Anzeige
Top-Angebote
  1. (u. a. The Evil Within 2 PC 19,97€, FIFA 18 PC 34,97€ oder für PS4 41,97€, Wolfenstein 2 PS4...
  2. (u. a. Wonder Woman, Transformers 5, King Arthur, Mad Max Fury Road, Deepwater Horizon, Batman v...

Folgen Sie uns
       


  1. FTTH

    Telekom kündigt weitere Glasfaser-Stadt an

  2. 2-Minuten-Counter gegen Schwarzfahrer

    Das sekundengenaue Handyticket ist möglich

  3. Super Mario

    Computerspiele könnten vor Demenz schützen

  4. Playstation VR

    Weniger als drei Prozent der PS4-Besitzer haben das Headset

  5. Cryptokitties

    Mein Leben als Kryptokatzenzüchter

  6. Uniti One

    Schwedisches Unternehmen Uniti stellt erstes Elektroauto vor

  7. Mek1

    In Zotacs Mini-Gamingbox passt ein i7 und eine GTX 1070 Ti

  8. Spionage

    Chinas Geheimdienste kommen per LinkedIn

  9. Video-Streaming

    Netflix denkt über bestimmbare Handlung in Serien nach

  10. Connected Hotel Room

    Hilton-Gäste sollen ihre Zimmer per App steuern



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Watch Series 3 im Praxistest: So hätte Apples erste Smartwatch sein müssen
Watch Series 3 im Praxistest
So hätte Apples erste Smartwatch sein müssen
  1. Apple Watch Apple veröffentlicht WatchOS 4.2
  2. Alivecor Kardiaband Uhrenarmband für Apple Watch zeichnet EKG auf
  3. Smartwatch Die Apple Watch lieber nicht nach dem Wetter fragen

Thinkpad X1 Yoga v2 im Test: LCD gegen OLED
Thinkpad X1 Yoga v2 im Test
LCD gegen OLED

Samsung Gear Sport im Test: Die schlaue Sportuhr
Samsung Gear Sport im Test
Die schlaue Sportuhr
  1. Wearable Fitbit macht die Ionic etwas smarter
  2. Verbraucherschutz Sportuhr-Hersteller gehen unsportlich mit Daten um
  3. Fitbit Ionic im Test Die (noch) nicht ganz so smarte Sportuhr

  1. Posse? Einmal durchatmen, und dann einen...

    Joker86 | 12:35

  2. Re: Ein Stich mitten ins Herz der Dieselfans

    stiGGG | 12:35

  3. Re: Bankrotterklärung

    gadthrawn | 12:32

  4. Re: Die Zukunft schreitet voran...Dank Tesla

    gadthrawn | 12:31

  5. Kundenfreundlichkeit vs. Schwarzfahrangst

    Coding4Money | 12:31


  1. 12:30

  2. 12:12

  3. 12:11

  4. 11:24

  5. 11:17

  6. 11:04

  7. 10:49

  8. 10:34


  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