TA貢獻1797條經驗 獲得超4個贊
如果您希望使用顏色選擇器來設置畫布描邊的顏色，您可以從HTML 原生的顏色選擇器開始，如下所示。
<section id="colorChoice">
<input id="color" type="color" value="#000000" />
<label for="color"> Choose a color</label>
</section>
然后，如果您想在用戶使用顏色選擇器時更改某物的顏色，則可以使用“輸入”事件偵聽器，或者在選擇顏色并且顏色選擇器窗口不再聚焦時觸發“更改”事件。在你的情況下，因為你只會在你點擊選擇器時繪制，你會想要一個“更改”事件。
您可以按照以下方式添加一些內容
const color = document.querySelector("#color");
function changeColor(e) {
const color = e.target.value;
ctx.strokeStyle = color;
}
color.addEventListener("input", changeColor);
參考：https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color#tracking-color-changes
實際操作：Codepen
TA貢獻1872條經驗 獲得超4個贊
您的按鈕只有某種顏色的背景顯示，但永遠不會用 JS 讀取
而是向每個按鈕添加一個 onclick 事件，該事件返回它的背景屬性。
或者更好的是使用輸入并添加一個 onchange 并將顏色設置為其值
舉報