Canvas Befehle

Aus ProgrammingWiki

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

canvas.clear(); for (var i=0;i<6;i++){ for (var j=0;j<6;j++){ canvas.setColor(Math.round(255-42*i),Math.round(255-42*j),0); canvas.fillRect(j*25,i*25,25,25); canvas.setColor(0,0,0); canvas.text(j*25+7,i*25+16,"x",16); } }

ausführen

Verwendung in JavaScript

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(x1, y1, w, h)
function line(x1, y1, x2, y2)
function triangle(x1, y1, x2, y2,x3, y3)
function rect(x1, y1, w, h)
function fillRect(x1, y1, w, h)
function ellipse(x, y, r)
function text(x, y, text, size)
function text(x, y, text)
function drawImage(x, y, url)
function drawImage(x, y, w, h, url)
function setWidth(w)
function setColor(c)
function setColor(r, g, 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 (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 (newcanvas 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)