我做了很多搜索，但我無法解決我遇到的這個問題。
我有一個canvas嵌套在 adiv中，目的是讓該div作為背景canvas，以便我可以在其上繪制物件等等。
當我運行我的代碼時，畫布與 div 并排出現，我不確定要更改什么來修復它。
// html
<body>
<div id="root">
<div id='board'>
<div>test</div>
<canvas></canvas>
</div>
</div>
</body>
// css
#board {
position: relative;
display: flex;
width: 640px;
height: 640px;
}
// js
let canvas = document.querySelector('canvas')
let ctx = canvas.getContext('2d')
canvas.width = canvas.offsetWidth
canvas.height = canvas.offsetHeight
在這里查找了類似的問題，但收效甚微。洞察力將不勝感激！
uj5u.com熱心網友回復：
你可以洗掉 <div>test</div>
uj5u.com熱心網友回復：
例如，您可以添加此樣式以使畫布居中，然后根據需要向背景 div 添加更多專案。
canvas {
background-color: green;
width: 200px;
height: 200px;
align-self: center;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
我添加了結果的影像。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/423072.html
標籤：
上一篇：在textarea上呼叫焦點會破壞document.getSelection()
下一篇：附加具有附加功能的div