WaBis

walter.bislins.ch

JSG: Download

Das Gratis JavaScript Paket Graph (JSG) ermöglicht das Zeichnen von 2D-Grafik (Linien, Kreise, Rechtecke, Polygone, Marker, Text) auf einer Webseite.

jsg_2017-10-08.zip enthält folgende Dateien:

x.js enthält browserabhängige Funktionen zur DOM Manipulation
jsg.js enthält die Klasse JsGraph für das Zeichnen von Grafik auf einer Website

Die beiden obigen Script-Dateien liegen sowohl in komprimierter Form als auch in expandierter Form vor. Die komprimierten Dateien liegen im Archiv im Verzeichnis jsg/. Die expandierten Dateien liegen im Verzeichnis jsg/expanded/. Dort befindet sich auch die Batch-Datei make.bat, welche mit Hilfe von JSMin die komprimierten Versionen erzeugt.

Installation

Lade jsg_2017-10-08.zip herunter und entpacke es. Kopiere die Dateien x.js und jsg.js in ein beliebiges Verzeichnis. Für die Beispiele hier wird angenommen, dass diese Dateien im selben Verzeichnis liegt wie die Webseite auf der sie verwendet werden.

Wie JSG angewandt wird kannst du unter Anwendung nachlesen.

Die Scripts dürfen unter folgenden Bedingungen gratis verwendet werden:

Kommerziell
Die Scripts in jsg_2017-10-08.zip dürfen so oder als Bestandteil eigener Scripts kostenlos für kommerzielle Zwecke verwendet werden. Das Verkaufen der Scripts alleine ist jedoch untersagt.
Bearbeitung
Die Scripts in jsg_2017-10-08.zip dürfen bearbeitet werden.
Weitergabe
Die Scripts in jsg_2017-10-08.zip dürfen unter Nennung des Autors gratis weitergegeben werden.
Permanent-URL
http://walter.bislins.ch/doku/jsg.

Bei Unklarheiten oder Fragen kontaktiere bitte walter@bislins.ch.

Ich habe ein paar kleinere Bugfixes darin gemacht.

Versionen

08.10.2017 Diverse Erweiterungen für 3D-Subklassen
10.11.2016 Neu: SetGraphClipping(), MakeBezierPolygon(); Grafik-Clipping eingebaut
12.09.2016 Update: DrawSnapshot() löscht standardmässig den Bereich vor dem Zeichnen. Dies kann mit dem Argument clear=false unterdrückt werden.
Neu: Modus AutoClear = false bei NewGraph2D()
30.08.2016 Neu: SetTextRotation(), SaveTrans(), RestoreTrans(), TextBox()
Update: MakeSnapshot() verwendet Canvas statt Image als Speicher (ist viel, viel schneller!)
27.08.2016 Update: Neue Version von x.js, GetTextBox() Position ist optional.
20.07.2016 Fixed: Ein paar Funktionen behandelten leere Polygons nicht korrekt
Update: neue Version von x.js
01.07.2016 Neu: AddEventHandler(), Parameter OnClick, EventHandlers in NewGraph2D()
25.06.2016 Neu: TransXY(), ObjTransXY(), TransPoly(), ObjTransPoly()
13.06.2016 Neu: SplineCurve()
Plus: Attribut-Funktionen für Farben akzeptieren JsgColor Objekte
Plus: Diverse Funktionen akzeptieren JsgVect2 Objekte
09.05.2016 Neu: BezierCurve(), BezierCurveTo(), JsgVect2.VectProd(), JsgVect2.Rotate(), JsgVect2.Angle()
13.03.2016 Internes Redesign und diverse Optimierungen
Kein Support mehr für IE8 und älter
Neu: SetTextPadding()
08.01.2016 Neu: MakeSnapshot() u.a; Canvas-Text mit Transformationen siehe TextRendering; div. Optimierungen
29.10.2015 Neu: JsgPolygon, verwendbar in Polygon(), PolygonArrow(), Marker()
Neu: DrawPolyArrow(), DrawPolyMarker() CopyPoly()
09.10.2015 Neu: DeferedDrawFunc, NewPoly(), AddPointToPoly(), DrawPoly()
Fix: RGBtoString() mit Farbobjekt funktionierte nicht
10.08.2015 Neu: VpInnerWidth, VpInnerHeight, Objekt-Transformationen, Performance-Optimierungen
16.04.2015 Neu: SetClipping(), Clip(), SetClipRect(), AutoReset
Neu: 3 Sterne Marker
Geändert: Reset(), Clear(), ResetAttrs() (vorher RestoreDefaultAttrs)
05.12.2014 Unterstützung von Retina-Displays: Grafik auf Retina-Displays oder bei Ansichtvergrösserung im Browsers wird in voller Auflösung gerendert.
TextClass: Text-Eigenschaften können individuell und/oder per CSS-Klasse festgelegt werden.
15.10.2014 Kleine Fehlerkorrektur; Neue Version von x.js
14.08.2014 Neu: RGBtoString(), HSVtoRGB(), HLtoRGB(), G2D
11.06.2014 Renamed: Callback, *CB → Func; Redraw → Draw; On* → *
19.05.2014 Neu: ScaleRef; ScalePix() bis ScalePixMaxI(); ScaleToTic()
03.10.2013 Neu: Farbverläufe (Gradient)
14.07.2012 Neue Version von excanvas.js integriert, damit es auf IE8 auch funktioniert (z.T. Fehlerhaft). Ich empfehle schon aus Performance-Gründen dringend auf IE9 oder einen anderen Browser upzudaten.
More Page Infos / Sitemap
Created Dienstag, 2. Februar 2016
Scroll to Top of Page
Changed Dienstag, 12. November 2019