taramath: Svg.dot

Beschreibung

Die Funktion besitzt folgende Argumente:

x	Gleitkommazahl
y	Gleitkommazahl
c	Farbe als String oder Array (optional)

Die Funktion zeichnet einen kleinen Punkt mit Mittelpunkt .

Durch das (optionale) Argument c wird die Farbe definiert, wobei ohne Farbdefinition ein schwarzer Punkt dargestellt wird.

Zur Definition einer Farbe kann entweder ein String als hexadezimale RGB-Definition verwendet werden (beispielsweise "#ff0000" für rot) oder aber ein Array mit drei Einträgen als RGB-Definition, wobei jeweils ganzzahlige Einträge zwischen 0 und 255 erwartet werden (beispielsweise [255,0,0] für rot). Als Spezialfall kann der String "none" übergeben werden, um insbesondere eine Darstellung ohne Füllung zu erreichen.

Beispiel

Das folgende Beispiel initialisiert das Svg-Paket, definiert den Darstellungsbereich und setzt die Hintergrundfarbe auf grau. Anschließend werden 20 Punkte mit jeweils zufälligen Koordinaten im Darstellungsbereich gezeichnet.

<!DOCTYPE html>
<html>
<head>
  <script src="taramath.js"></script>
</head>
<body>
<div id="plot"></div>
<script>
  Svg.init("plot", 320, 320);
  Svg.resize(0, 1, 0, 1);
  Svg.clear("#f0f0f0");
  for (var k = 0; k < 20; k++) {
    Svg.dot(Math.random(), Math.random());
  };
  Svg.draw();
</script>
</body>
</html>

Vorschau aktualisieren

Beispiel

<!DOCTYPE html>
<html>
<head>
  <script src="taramath.js"></script>
</head>
<body>
<div id="plot"></div>
<script>
  Svg.init("plot", 320, 320);
  Svg.resize(0, 1, 0, 1);
  Svg.clear("#f0f0f0");
  for (var k = 0; k < 20; k++) {
    var c = Math.floor(200*Math.random());
    Svg.dot(Math.random(), Math.random(), [255,c,c]);
  };
  Svg.draw();
</script>
</body>
</html>

Vorschau aktualisieren

Svg.dot

zur Darstellung von Punkten