taralino

.rect

Der Befehl Canvas.rect(x, y, w, h) erwartet folgende (verpflichtende) Argumente:

Argument	Datentyp	Hinweis
x	Zahl	-
y	Zahl	-
w	Zahl	-
h	Zahl	-

Es wird ein Quadrat mit dem Mittelpunkt (x,y) sowie mit einer Breite von w und einer Höhe von h gezeichnet.

Zudem können folgende Optionen verwendet werden:

Variable	Datentyp	Hinweis	Default-Wert
fill	Farbe	-	black
stroke	Farbe	-	none
angle	Zahl	-	0.0

Dabei definiert fill die Farbe der Füllung und stroke die Farbe der Kontur. Mit angle kann eine Drehung um den Mittelpunkt sowie im Uhrzeigersinn definiert werden, wobei der Winkel im Bogenmaß anzugeben ist.

Beispiel

Es werden einige Rechtecke mit unterschiedlichen Optionen gezeichnet.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

Canvas.init([0,10], [0,6], {width:480, background:"lightgrey"});
Canvas.rect(2, 3, 2.0, 0.5);
Canvas.rect(5, 3, 2.0, 0.5, {fill:"red", angle:0.2});
Canvas.rect(8, 3, 1.0, 2.0, {fill:"none", stroke:"green"});

</script>
</body>
</html>

Vorschau Download Kopie speichern