p5.js元素位置

Question

我編碼一個p5.js比賽，我不得不得出一個按鈕，輸入，並通過我的畫布的p html元素。我想要所有這些元素相對於畫布居中。

我嘗試沒有成功此解決方案：

var gameCanvas = createCanvas(600, 600); 
gameCanvas.parent("game-container"); 

input = createInput(); 
input.position(280, 300); 
input.parent("game-container"); 

我有遊戲cointainer ID的DIV這項工作，直到我通過CSS中心的股利。當我居中div時，畫布會居中，但輸入位置仍然相對於div而不是畫布。

所以這是一個響應式html頁面，支持MDL框架。如果我之前和之後我的「遊戲容器」 DIV中心，「MDL-佈局間隔」的div畫布，畫布留在中心，但輸入保持到左（從我的遊戲容器div的左側300像素）。

如果我將遊戲容器div與mdl col偏移居中，inout和canvas均居中，但我失去了響應中心。任何與p5.js一樣好的人都知道我能如何解決這個問題？

Answer 1

這是因爲您正在加載輸入對象您加載CSS頁面之前。要麼把腳本標籤的CSS標籤後，或將

input = createInput(); 
input.position(280, 300); 
input.parent("game-container"); 

到您的setup()功能。