JavaScript - Objektreferenz - DJSGT

(DJSGT: Dröppez JavaScript Graphics Tool)
index Anfang runter
An dieser Stelle sind nur die Funktionen aufgelistet, die für den normalen Gebrauch gedacht sind. Alle anderen Funktionen sind hauptsächlich für die Objekt-interne Verwendung gedacht.

Konstruktoren von DJSGT-Objekten
Funktion Erklärung
Erzeugung übergeordneter DJSGT-Objekte (djsgt.js)
new DJSGTBodyImage() erzeugt ein Bild-Objekt, welches das gesamte Dokument umfaßt.
new DJSGTImage(width,height) erzeugt ein Bild im Dokument und muß an der entsprechenden Stelle im Quelltext eingebunden werden.
width: Breite
height: Höhe
Erzeugung untergeordneter DJSGT-Objekte (djsgt.js)
new DJSGTBar(left,top,width,height,bgstyle) erzeugt einen rechteckigen Balken, bindet ihn jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
bgstyle: Hintergrundstil (z.B. "red" oder "#FF0000")
new DJSGTClip(left,top,width,height) erzeugt eine rechteckige Clip-Region, bindet sie jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
new DJSGTFrame(left,top,width,height,bgstyle,borderstyle) erzeugt einen rechteckigen Rahmen, bindet ihn jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
bgstyle: Hintergrundstil (z.B. "red" oder "#FF0000")
borderstyle: Randstil (z.B. "solid black 1px")
new DJSGTHTMLArea(left,top,width,height,htmltext) erzeugt eine HTML-Region, bindet sie jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
htmltext: HTML-formatierter Text (z.B. "<b>Hallo Welt</b>")
new DJSGTObject(left,top,width,height) erzeugt ein rechteckiges Grafikobjekt, bindet es jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
new DJSGTRect(left,top,width,height,borderstyle) erzeugt ein Rechteck, bindet es jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
borderstyle: Randstil (z.B. "solid black 1px")
Erzeugung eines PixelEmitters (djsgtpe.js)
new DJSGTPixelEmitter(left,top,width,height,colorstyle) erzeugt eine einfarbige Malregion, bindet sie jedoch noch nicht in das Dokument ein.
left: linker Rand in Bezug auf späteres Elternobjekt
top: oberer Rand in Bezug auf späteres Elternobjekt
width: Breite
height: Höhe
colorstyle: Malstil (z.B. "red" oder "#FF0000")


offizielle Grundfunktionen von DJSGT-Objekten
Funktion Erklärung
Verwaltung (djsgt.js)
GetElement() gibt das zugehörige DOM-Objekt (im Normalfall div-Sektion) zurück.
HideObject() entfernt ein Objekt aus dem Dokument.
nicht anwendbar in DJSGTImage und DJSGTBodyImage
ShowObject(pobject) fügt ein Objekt in ein anderes DJSGT-Objekt ein (zur Darstellung im Dokument).
pobjekt: neues Elternobjekt
nicht anwendbar in DJSGTImage und DJSGTBodyImage, da sich diese bereits im Dokument befinden
pobjekt darf weder DJSGTHTMLArea noch DJSGTPixelEmitter sein, da diese keine Kindobjekte aufnehmen
Geometrie (djsgt.js)
MoveTo(left,top) verändert die Position eines DJSGT-Objekts.
left: neuer linker Rand in Bezug auf Elternobjekt
top: neuer oberer Rand in Bezug auf Elternobjekt
nicht anwendbar in DJSGTImage und DJSGTBodyImage
ResizeTo(width,height) verändert die Abmessungen eines DJSGT-Objekts.
width: neue Breite
height: neue Höhe
nicht anwendbar in DJSGTImage, DJSGTBodyImage, DJSGTHTMLArea und DJSGTPixelEmitter
SetZIndex(zIndex) setzt die Darstellungsschicht eines DJSGT-Objekts.
zIndex: neuer zIndex (je größer, umso weiter vorn)
Erscheinungsbild (djsgt.js)
SetBackground(bgstyle) setzt den Hintergrundstil eines DJSGT-Objekts.
bgstyle: Hintergrundstil (z.B. "red" oder "#FF0000")
SetBorder(borderstyle) setzt den Rahmenstil eines DJSGT-Objekts.
borderstyle: Randstil (z.B. "solid black 1px")
SetHTMLText(htmltext) setzt den HTML-Inhalt einer DJSGTHTMLArea.
htmltext: HTML-formatierter Text (z.B. "<b>Hallo Welt</b>")
nur anwendbar in DJSGTHTMLArea


offizielle 2D-Vektorgrafikfunktionen von DJSGTPixelEmitter-Objekten
Funktion Erklärung
2D-Grafik - Linien (djsgtpe.js)
LineTo(xe,ye,thickness) zeichnet eine Linie zum angegebenen Punkt und setzt den Anfgangspunkt für die nächste Linie.
xe: Position von links in Bezug auf PixelEmitter-Objekt
ye: Position von oben in Bezug auf PixelEmitter-Objekt
thickness: Dicke der Linie
nur anwendbar in DJSGTPixelEmitter
SetXY(x,y) setzt den Anfgangspunkt für die nächste Linie.
x: Position von links in Bezug auf PixelEmitter-Objekt
y: Position von oben in Bezug auf PixelEmitter-Objekt
nur anwendbar in DJSGTPixelEmitter
2D-Grafik - Flächen (djsgtpe.js)
FillArc(xm,ym,rx,ry,alfa_a,alfa_e,n) zeichnet ein gefülltes Ellipsensegment.
xm: Mittelpunkt-x in Bezug auf PixelEmitter-Objekt
ym: Mittelpunkt-y in Bezug auf PixelEmitter-Objekt
rx: Radius horizontal
ry: Radius vertikal
alfa_a: Anfangswinkel (Radiant, 0 oben, π/2 rechts, π unten, 3*π/2 links, 2*π oben)
alfa_e: Endwinkel (Radiant, 0 oben, π/2 rechts, π unten, 3*π/2 links, 2*π oben)
n: Eckenanzahl (nur Näherung, eigentlich Polygonzug)
nur anwendbar in DJSGTPixelEmitter
FillPoly(x,y) malt ein gefülltes Polygon in einen PixelEmitter.
x: Array aller x-Punkte
y: Array aller y-Punkte
nur anwendbar in DJSGTPixelEmitter
FillRect(left,top,width,height) malt ein gefülltes Rechteck in einen PixelEmitter.
left: linker Rand in Bezug auf PixelEmitter-Objekt
top: oberer Rand in Bezug auf PixelEmitter-Objekt
width: Breite
height: Höhe
nur anwendbar in DJSGTPixelEmitter
Malstil (djsgtpe.js)
SetColor(colorstyle) setzt den Malstil für alle Elemente im DJSGTPixelEmitter.
colorstyle: Malstil (z.B. "red" oder "#FF0000")
nur anwendbar in DJSGTPixelEmitter


index Anfang hoch
Autor: Ulrich Kritzner