2017-05-31 8 views
0

Ich versuche eine "Welt" mit Grenzen zu zeichnen, indem ich mit processingJS eine Leinwand zeichne. Ich möchte, dass der Hauptbildschirm schwarz ist und an den Rändern grau ist. Zuerst habe ich versucht:Kann ich ein processingJS-Rechteck außerhalb des Anzeigefensters zeichnen?

processing.background(175,175,175); 
processing.fill(0,0,0); 
rect(-4000, -4000, 8000, 8000); 

Alles andere innerhalb meiner VerarbeitungJS-Code läuft gut, außer für diese. Ich habe auch versucht:

processing.fill(175,175,175); 
processing.rect(-4020, -4020, 8040, 8040); 
processing.fill(0,0,0); 
rect(-4000, -4000, 8000, 8000); 

Dies hat auch nicht funktioniert. Ist es sogar möglich, ein Rechteck außerhalb des unmittelbaren Anzeigebereichs der Leinwand zu zeichnen? Vielen Dank!

+0

Wenn es ein 'canvas' Element ist, geben Sie ihm einen Rahmen mit css:' #da_canvas {border: 1px solid grey; } ' –

Antwort

2

Nein. Sie können nicht außerhalb der Zeichenfläche zeichnen.

Sie müssten eine größere Leinwand erstellen und dazu zeichnen. Wenn Sie nur einen Rahmen zeichnen möchten, können Sie einfach CSS oder die Bibliothek p5.dom verwenden.

+0

vielen Dank noch einmal! Ich erkannte, dass ich versuchte, die Grenze mit absoluten Koordinaten zu zeichnen, anstatt (richtig) relativ zum Charakter. –

Verwandte Themen