Benötigen Sie eine Javascript-Bibliothek zum kostenlosen Zeichnen auf Leinwand

Ich plane, eine ziemlich einfache Zeichen-App im Browser zu erstellen. Ich suche eine Javascript-Bibliothek, die:

  • Hat eine zulässige Lizenz (MIT oder BSD, GPL ist in Ordnung , aber nicht bevorzugt)
  • Macht es einfach, auf der Leinwand zu zeichnen, zum Beispiel so etwas:

    canvas.init($("#my_canvas"), {"mode": "drawing"});
    
  • Unterstützt Touch out of the box (Bonuspunkte für Multitouch/Zoom)

  • Bonuspunkte für die Ausführung in einem Vektorformat

  • Das Abrufen der Pfade / Punkte aus der Leinwand sollte möglich / einfach sein

Ich habe ein paar gefunden, die vielversprechend aussehen ( EaselJS , FabricJS ), aber ich habe noch nicht zu tief nachgeforscht. Für ein existierendes Beispiel für Dinge, an denen ich interessiert bin, ist Xournal eine Desktop-Version, obwohl ich mich auch eher für die Idee einer unendlichen Leinwand interessiere (siehe MyPaint , obwohl es nur Raster ist).

Antworten (1)

Hier sind einige Bibliotheken, die Ihren Suchkriterien entsprechen.

Pixi.js

Pixi ist eine Canvas-Rendering-Schnittstelle, die meiner Meinung nach VIEL besser ist als andere Rendering-Engines.

Merkmale:
  • MIT-lizenziert
  • Multi-Touch-Interaktivität
  • Vollständiges Szenendiagramm
  • Multi-Plattform
  • Sprite-Sheet-Unterstützung
  • Renderer automatisch erkennen
  • Textunterstützung
Ressourcen:

Phaser:

MIT-lizenziert
Obwohl Phaser im Wesentlichen ein Game Framework ist, kann es am besten zum Erstellen interaktiver Anwendungen wie Paint verwendet werden. Es verwendet Pixi.js als Canvas-Schnittstelle. Und hat viel mehr Möglichkeiten als Pixi, zB. hat eine Button-Klasse, um nur Schaltflächen zu erstellen.

Verknüpfungen
IT- oder MIT-Lizenz?
Tut mir leid, dass es "MIT" ist.