2010-11-30 6 views
1

Was ist das beste JavaScript-Paket zum Zeichnen von verschiedenen Formen ist (Kreis, Rechteck, Ball, Tisch, ...) auf der HTML5 CanvasWelches Javascript-Paket Leinwand zum Zeichnen von verschiedenen Formen auf dem HTML5 ein reichhaltiges Objektmodell bietet

+0

Was meinen Sie mit "Tabelle" - wie ein HTML '

', oder ein [Esstisch] (http://www.google.com/images?q=dining+table) oder ...? –

+0

Ich bezog mich auf eine HTML-Tabelle – Sam

Antwort

5

Wenn es darum geht, Dinge wie Bälle, Tische usw. zu zeichnen, möchten Sie wahrscheinlich nur ClipArt verwenden. Dann, um alles zusammen zu binden (Linien, Ellipsen, etc. usw. und Bilder) könnten Sie Processing.js mit seiner image() Funktion verwenden, oder tun Sie es direkt in JavaScript (ein bisschen schwieriger, aber nicht schwer).

+0

Warum wählt jeder immer Beratung Antwort Antworten? Außerdem war http://processingjs.org ein guter Vorschlag. – fncomp

+0

Und außerdem, wenn Sie die Form ohne Bilder zeichnen möchten, ist Processing.js gut dafür. –

+0

Ich stimme processing.js ist ein guter Weg zu gehen. – Zevan

3

Ich habe vor kurzem eine nette Javascript-Bibliothek namens Joint gefunden. Es ist eine JS-Bibliothek zum Zeichnen von Diagrammen auf einer SVG/VML-Zeichenfläche. Es ist auf der Oberseite der Raphaël Bibliothek gebaut, die Sie auf jeden Fall auschecken sollten, wenn Sie einen schönen grundlegenden Satz von Zeichenwerkzeugen möchten. Obwohl sie nicht zum HTML-Canvas zeichnen, sind sie definitiv einen Besuch wert, wenn Sie etwas mit Javascript zeichnen müssen.

+0

+1 Gelenk scheint cool. @sam empfehle ich auch raphael, wenn du nicht die Bitmap-Sachen brauchst, die Canvas zu bieten hat. – Zevan

0

Wenn Sie 3D Formen zeichnen möchten three.js sieht ziemlich vielversprechend aus. Es ist immer noch in der aktiven Entwicklung und die Demos sind wirklich die einzige Dokumentation im Moment, aber sieht so aus, wie es jetzt aussieht.

2

Gury ist ein einfacher Canvas-Wrapper mit einer "fließenden Schnittstelle" (Think jQuery).

Während es nicht wirklich Zeichnungsgrundelemente per se (zumindest noch nicht) hat, sollte es ziemlich einfach sein, Ihre eigenen zu schaffen und sie wiederverwenden zu können.

Folgen Sie this link, um die Seite zu sehen, wo ich davon erfuhr. Es gibt dort ein sehr kleines Intro und einen Beispielcode.

Wenn Sie interessiert sind, zeigt die auch, wie Sie mehrere Sachen, einschließlich Boxen, Kugeln und sogar Schieberegler Widgets zeichnen. Suchen Sie einfach nach den verschiedenen draw Funktionen.

Verwandte Themen