Leinwand-Funktionen

Die Canvas-Klasse wird verwendet, um visuelle Reize darzustellen. Im Allgemeinen erstellt man ein Canvas-Objekt mit der Canvas()-Factory-Funktion. Da Canvas() eine Funktion ist, muss man bei ihrem Aufruf nicht new verwenden. Die JavaScript Canvas-Klasse ahmt die entsprechende Python Canvas Klasse nach.

Style-Keywords können an alle Funktionen übergeben werden, die styleArgs akzeptieren. Style-Keywords können auch als Eigenschaften des Canvas-Objekts festgelegt werden. Eine Übersicht über die Style-Keywords finden Sie in der Python Canvas Dokumentation.

Wichtig: JavaScript unterstützt keine benannten Parameter (oder: Stichworte). Daher werden Parameter als Object mit benannten Eigenschaften und Standardwerten übergeben. So:

var myCanvas = Canvas()
// (korrekt) Parameter als Object übergeben ...
myCanvas.fixdot({color: 'red'})
// (falsch) ... und *nicht* als benannte Parameter
// myCanvas.fixdot(color='red')
myCanvas.show()

Canvas.arrow(obj)

Zeichnet einen Pfeil. Ein Pfeil besteht aus 7 Eckpunkten, mit einer Pfeilspitze, die auf (ex, ey) zeigt.

Beispiel

var myCanvas = Canvas()
var w = vars.width / 2
var h = vars.height / 2
// Wichtig: Parameter werden als Object übergeben
myCanvas.arrow({sx: 0, sy: 0, w: w, h: h, head_width:100, body_length:0.5})

Canvas.clear([styleArgs])

Löscht die Leinwand mit der aktuellen Hintergrundfarbe. Beachten Sie, dass es im Allgemeinen schneller ist, für jede Experimentanzeige eine andere Leinwand zu verwenden, als eine einzelne Leinwand mehrfach zu löschen und neu zu zeichnen.

Beispiel

var myCanvas = Canvas()
myCanvas.fixdot({color: 'green'})
myCanvas.show()
// etwas tun
myCanvas.clear()
myCanvas.fixdot({color: 'red'})
myCanvas.show()

Canvas.circle(obj)

Zeichnet einen Kreis.

Beispiel

var myCanvas = Canvas()
myCanvas.circle({x: 100, y: 100, r: 50, fill: true, color:'red'})

Canvas.ellipse(obj)

Zeichnet eine Ellipse.

Beispiel

var myCanvas = Canvas()
myCanvas.ellipse({x: -10, y: -10, w: 20, h: 20, fill:true})

Canvas.fixdot(obj)

Zeichnet einen Fixationspunkt. Der Standardstil ist mittel-offen.

• 'large-filled' ist ein gefüllter Kreis mit einem Radius von 16px.
• 'medium-filled' ist ein gefüllter Kreis mit einem Radius von 8px.
• 'small-filled' ist ein gefüllter Kreis mit einem Radius von 4px.
• 'large-open' ist ein gefüllter Kreis mit einem Radius von 16px und einem 2px Loch.
• 'medium-open' ist ein gefüllter Kreis mit einem Radius von 8px und einem 2px Loch.
• 'small-open' ist ein gefüllter Kreis mit einem Radius von 4px und einem 2px Loch.
• 'large-cross' ist ein 16px Kreuz.
• 'medium-cross' ist ein 8px Kreuz.
• 'small-cross' ist ein 4px Kreuz.

Beispiel

var myCanvas = Canvas()
myCanvas.fixdot()

Canvas.gabor(obj)

Zeichnet einen Gabor-Patch.

Beispiel

var myCanvas = Canvas()
myCanvas.gabor({x: 100, y: 100, orient: 45, freq: .05})

Canvas.image(obj)

Zeichnet ein Bild aus einer Datei im Dateipool.

Beispiel

var myCanvas = Canvas()
myCanvas.image({fname: 'image_in_pool.png'})

Canvas.line(obj)

Zeichnet eine Linie.

Beispiel

var myCanvas = Canvas()
var ex = vars.width / 2
var ey = vars.height / 2
myCanvas.line({sx: 0, sy: 0, ex: ex, ey: ey})

Canvas.noise_patch(obj)

Zeichnet einen Rauschfleck mit einer Hülle.

Beispiel

var myCanvas = Canvas()
myCanvas.noise_patch({x: 100, y: 100, env: 'circular'})

Canvas.polygon(obj)

Zeichnet ein Polygon, das durch eine Liste von Eckpunkten definiert ist. D.h. eine Form aus Punkten, die durch Linien verbunden sind.

Beispiel

var myCanvas = Canvas()
var n1 = [0,0]
var n2 = [100, 100]
var n3 = [0, 100]
myCanvas.polygon({vertices: [n1, n2, n3]})

Canvas.rect(obj)

Zeichnet ein Rechteck.

Beispiel

var myCanvas = Canvas()
myCanvas.rect({x: -10, y: -10, w: 20, h: 20, fill:true})

Canvas.show() ⇒ Number

Zeigt oder "flippt" das Canvas auf dem Bildschirm.

Gibt zurück: Number - Ein Zeitstempel der Zeit, zu der das Canvas auf dem Bildschirm erschienen ist.

Canvas.text(obj)

Zeichnet Text.

Beispiel

var myCanvas = Canvas()
myCanvas.text({text: 'Etwas Text'})