Canvas Befehle

Der Canvas

Der Canvas ist eine Zeichenfläche die zur Ausgaben von Programmen in diesem Wiki verwendet werden kann. Zeichenflächen lassen sich über das Tag <canvas> erstellen. Diese werden fortlaufend nummeriert und lassen sich je nach Programmiersprache anhand ihrer Nummer verwenden. Mit den Parametern w und h lassen sich Zeichenflächen in ihrer Größe anpassen. Zeichenflächen lassen sich auch in Tabellen einfügen, um etwa mehrere Zeichenflächen nebeneinander anzulegen.

Beispiel

Verwendung in Java

In Java wird bereits ein Canvas Objekte canvas zur Verfügung gestellt. Dieses ist identisch mit dem Object canvas1. Weiterhin sind die Objekte canvas2 bis canvas5 vordefiniert.

Sie können sich auch direkt ein eigenes Canvas Objekt erzeugen mit dem Befehl:

var c = new Canvas(1);

Folgende Methoden unterstützt die Klasse Canvas:

function clear()
function clear(int x1, int y1, int w, int h)
function line(int x1, int y1, int x2, int y2)
function triangle(int x1, int y1, int x2, int y2,int x3, int y3)
function rect(int x1, int y1, int w, int h)
function fillRect(int x1, int y1, int w, int h)
function ellipse(int x, int y, int r)
function text(int x, int y, String text, int size)
function text(int x, int y, String text)
function drawImage(int x, int y, String url)
function drawImage(int x, int y, int w, int h, String url)
function setWidth(int w)
function setColor(String c)
function setColor(int r, int g, int b)

Verwenden Sie etwa die nachfolgende Befehlsfolge um die Zeichenfläche zu löschen:

canvas.clear();

Die Befehle sind selbsterklärend bzw. können leicht durch Experimente erschlossen werden. Bei setColor (String c) kann eine HTML Farbe der Form #FF0000 angegeben werden.

Verwendung in Scheme

In Scheme wird bereits ein Canvas Objekte canvas zur Verfügung gestellt. Dieses ist identisch mit dem Object canvas1. Weiterhin sind die Objekte canvas2 bis canvas5 vordefiniert.

Sie können sich auch direkt ein eigenes Canvas Objekt erzeugen mit dem Befehl:

(define c(java-new <canvas> (->jint 1))) 

Wobei die Zahl 1 dem jeweiligen Canvas auf der Wikiseite entspricht. Es sind eine Reihe von Funktionen vordefiniert, die mit Hilfe eines Canvas Objects verwendet werden können:

(clear canvas)
(clear canvas x1 y1 w h)
(line canvas  x1 y1 x2 y2)
(triangle canvas x1 y1 x2 y2 x3 y3)
(rect canvas x y w h)
(fillRect canvas x y w h)
(ellipse canvas x y radius)
(text canvas x y text  size)
(text canvas x y text)
(drawImage canvas x y url)
(drawImage canvas x y w h  url)
(setWidth canvas w)
(setColor canvas c)
(setColor canvas r g b)