Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03593.jsonl.gz/431

Hinweis: Alle Properties sind read only, dürfen somit nicht direkt verändert werden. Zum Ändern gibt es entsprechende Funktionen.
|Id||Id des Canvas-Elementes|
|CanvasWidth|
CanvasHeight
|Breite und Höhe des Canvas|
|DevicePixelRatio||Vergrösserungsfaktor der Anzeige|
|CanvasPixelRatio||Anzahl Pixel im Canvas pro Pixel auf dem Bildschirm|
|PixelRatio||DevicePixelRatio / CanvasPixelRatio|
|Driver||Zugriff auf LowLevel Funktionen|
JsGraph.Id: String; ReadOnly
Id des Canvas-Elementes.
Ermöglicht lesenden Zugriff auf die Id des Canvas-Elementes, welches mit dem JsGraph Konstruktor erzeugt worden ist. Für die Zeichenfläche werden insgesamt 3 HTML-Elemente benötigt, deren Id's von Id abgeleitet sind. Wie auf jedes dieser Elemente über ihre Id zugegriffen werden kann, ist unter Canvas-Id's beschrieben.
Breite und Höhe des Div-Elementes (Canvas) in Pixel.
Höhe und Breite des Div-Elementes (Canvas) in Pixel, wie es beim Erzeugen mit dem JsGraph Konstruktor erstellt worden ist. Dies ist die zum Zeichnen effektiv zur Verfügung stehende Fläche. Das Div-Element selbst ist um die Border-Breite grösser, falls ein Rahmen der Dicke > 0 angegeben worden ist.
DevicePixelRatio gibt die Vergrösserung der Grafik durch das Ausgabegerät an. Wenn z.B. per Browser-Zoom die Webseite vergrössert wird, vergrössert sich der Wert von DevicePixelRatio entsprechend. Bei Retina-Displays kann der Wert auch grösser 1 sein, wenn der Browser-Zoom auf 1:1 gesetzt ist.
Wenn eine Linie unabhängig von der Vergrösserung eine Breite von x Pixeln haben soll, so kann bei SetLineWidth() der Wert x / DevicePixelRatio als Strichdicke übergeben werden. Wenn die Linie immer 1 Pixel breit sein soll, kann als Strichdicke 0 angegeben werden.
CanvasPixelRatio gibt an, wie stark der Canvas verkleinert wird bei der Abbildung auf den Bildschirm. Retina-Displays haben in der Regel eine CanvasPixelRatio von 2 und gleichzeitig eine DevicePixelRatio von 2. Dadurch wird die Grafik im Massstab 1:1 aber mit der doppelten Auflösung (1 Grafik-Pixel ergibt 2 Bildschirm-Pixel) gestochen scharf abgebildet.
PixelRatio ist das Verhältnis DevicePixelRatio durch CanvasPixelRatio.
JsGraph.Driver: canvas.getContext('2d') Object; ReadOnly
LowLevel Grafik-Treiber
Über Driver kann auf das 2D-Context-Objekt des Canvas zugegriffen werden, welches die eingebauten Grafikfunktionen des Browsers zur Verfügung stellt. Das 2D-Context-Objekt wird vom JsGraph-Modul um Text-Funktionen erweitert (siehe Implementation).