1 回答

TA貢獻1802條經驗 獲得超4個贊
您可以做的是div直接在您的 html 中創建包含畫布的
<body>
<div class="container">
<h1>My Website</h1>
<h2>It is all coming together.</h2>
<div id="canvasDiv"></div>
</div>
</body>
然后在您的setup()函數中創建畫布并將其放入div:
const myCanvas = createCanvas(400, 400);
myCanvas.parent('canvasDiv');
這應該給你與你已經擁有的結果相同的結果,但現在在你的 css 中你可以設置這個 div 的樣式,從而改變它的位置:
#canvasDiv {
// your canvas style
}
現在更改畫布的位置只是div在 html 中定位 a 的問題。有很多不同的方法可以做到這一點,具體取決于您到底想做什么,但是您應該能夠在線找到一些關于該內容的好資源。
同樣正如@Georges 在評論中指出的那樣,您的 CSS 文件的這一部分沒有意義:
script {
alignment: center;
}
您正在嘗試對齊您的script標簽,但這些標簽僅用于獲取一些 javascript,它們不會顯示在頁面中。并且應用于這些標簽的樣式不會影響由您的 javascript 代碼處理/創建的 HTML 元素,因此此 CSS 無用。
添加回答
舉報