taralino

Vordefinierte Farben

Bislang haben wir schon an mehreren Stellen Farben verwendet, wobei diese jeweils als Zeichenkette angegeben wurden (z.B. "green" oder "blue"):

Liste vordefinierter Farben

Es stehen einige Farben zur Verfügung, welche wie in den Beispielen zuvor direkt als Zeichenkette verwendet werden können:

Zur Referenz

Vergiss dabei nicht, dass bei einer Zeichenkette stets die Anführungszeichen zu verwenden sind.

Einige der vordefinierten Farben findest du auch im folgenden Beispiel. Mehr über die Verwendung von Farben lernen wir an späterer Stelle.

Beispiel

Einige der vordefinierten Farben.

<!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,10], {width:320, background:"lightgrey"});

Canvas.circle(2.0, 2.0, 1.0, {fill:"red", stroke:"green"});
Canvas.circle(5.0, 2.0, 1.0, {fill:"blue", stroke:"orange"});
Canvas.circle(8.0, 2.0, 1.0, {fill:"yellow", stroke:"violet"});

Canvas.circle(2.0, 5.0, 1.0, {fill:"magenta", stroke:"blue"});
Canvas.circle(5.0, 5.0, 1.0, {fill:"aubergine", stroke:"grey"});
Canvas.circle(8.0, 5.0, 1.0, {fill:"white", stroke:"black"});

Canvas.circle(2.0, 8.0, 1.0, {fill:"orange", stroke:"lime"});
Canvas.circle(5.0, 8.0, 1.0, {fill:"violet", stroke:"magenta"});
Canvas.circle(8.0, 8.0, 1.0, {fill:"olive", stroke:"black"});

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

Vorschau Download Kopie speichern