如何在 Javascript 和 HTML 中單擊按鈕時制作新畫布

Question

所以我有這些按鈕： https://i.stack.imgur.com/qc90A.png每次單擊每個按鈕時，我都想制作一個帶有 +1 z-index 的新 canvas。 我不知道如何制作和使用動態變量。

Answer 1

let canvas = createElement('canvas')
canvas.style.height = height
canvas.style.width = width
canvas.style.zIndex = 1
document.body.append(canvas)

在每個相應的按鈕上運行以下具有不同高度和寬度的代碼。 我沒有測試過這個，但它應該可以工作