Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
Position the p5.js canvas on different parts of the page
Hello, I was searching around to find a way to specify the location the p5.js canvas will have on the page but i didn't find anything. I've called the sketch in this way:
< script language=" javascript " src="sketch.js" >< /script >
and the canvas gets automatically drawn after all the HTML elements in the body section. I would like to position it somewhere between my other html elements. Could anyone help me on how to do this?
Thanks in advance.
Tagged:
Answers
http://forum.processing.org/two/discussion/7726/anyone-know-how-to-make-a-transparent-background
you could use .position to position the canvas relative to the upper left corner of the window (http://localhost:8000/docs/reference/#p5.Element/position). note that you will need to include the p5.dom library to use this function.