taramath: Plot.matrix

Beschreibung

Die Funktion besitzt folgende Argumente:

A	Matrix, d.h. zweidimensionales Array
s	Positiver Integerwert (optional)
t	String (optional)

Es wird die Matrix A als SVG dargestellt. Der kleinste Matrix-Eintrag steht für ein schwarzes Pixel, der größte Matrix-Eintrag für ein weißes Pixel und alle Einträge dazwischen werden auf entsprechende Graustufen skaliert. Per Option steht auch eine vordefinierte Farbtafel zur Verfügung.

Das zweite (optionale) Argument s dient zur Definition der Elementgröße, wobei ein ganzzahliger Wert erwartet wird. Als Standardeinstellung wird 1 verwendet.

Falls als drittes (optionales) Argument t der String canvas übergeben wird, so wird die Matrix nicht als SVG sondern als Canvas-Image dargestellt. Diese Option ist insbesondere bei großen Matrizen zur effizienteren Darstellung sinnvoll.

Beispiel

Es wird eine Matrix dargestellt.

<!DOCTYPE html>
<html>
<head>
  <script src="taramath.js"></script>
</head>
<body>
<div id="plot"></div>
<script>
  var A = [
    [ -1,  2,  3,  0,  2 ],
    [  0, -1,  2,  3, -2 ],
    [  1,  3, -1, -2,  1 ],
    [ -1,  0, -2,  0,  2 ]
  ];
  Plot.init("plot");
  Plot.matrix(A, 40);
</script>
</body>
</html>

Vorschau aktualisieren

Beispiel

Es wird eine Matrix farbig dargestellt, wobei als Elementgröße 40 gewählt wird.

<!DOCTYPE html>
<html>
<head>
  <script src="taramath.js"></script>
</head>
<body>
<div id="plot"></div>
<script>
  var A = [
    [  0,  1,  2,  3,  4 ],
    [  5,  6,  7,  8,  9 ],
    [ 10, 11, 12, 13, 14 ],
    [ 15, 16, 17, 18, 19 ],
  ];
  Plot.init("plot");
  Plot.options("color_table");
  Plot.matrix(A, 40);
</script>
</body>
</html>

Vorschau aktualisieren

Beispiel

Es wird ein schwarz-weiß Bild aus dem ExampleData-Paket als Matrix ausgelesen und farbig dargestellt. Dabei wird aufgrund des dritten Argumentes die Matrix als Canvas und nicht als SVG dargestellt.

<!DOCTYPE html>
<html>
<head>
  <script src="taramath.js"></script>
</head>
<body>
<div id="plot"></div>
<script>
  var A = ExampleData.image("lena");
  Plot.init("plot");
  Plot.options("color_table");
  Plot.matrix(A, 2, "canvas");
</script>
</body>
</html>

Vorschau aktualisieren

Plot.matrix

zur Darstellung von Matrizen