我有HTML5畫布繪圖應用程序,我需要在用戶單擊按鈕時更改它的背景顏色。更改畫布背景
畫布上的背景色正在用戶端工作,但用戶可以將圖像保存到服務器,並使用canvas.toDataURL('image/png')導出畫布數據。問題是,畫布的背景顏色不包含在內,它只發送用戶繪製的數據。
我曾考慮過在整個畫布上放大視角,但會覆蓋所有已製作的圖畫。有任何想法嗎?
我有HTML5畫布繪圖應用程序,我需要在用戶單擊按鈕時更改它的背景顏色。更改畫布背景
畫布上的背景色正在用戶端工作,但用戶可以將圖像保存到服務器,並使用canvas.toDataURL('image/png')導出畫布數據。問題是,畫布的背景顏色不包含在內,它只發送用戶繪製的數據。
我曾考慮過在整個畫布上放大視角,但會覆蓋所有已製作的圖畫。有任何想法嗎?
在上面繪製
您沒有顯示任何代碼,但是:您需要使用它的上下文繪製背景。使用CSS設置背景將在您提取圖像時發現不包括它。
帆布簡單地把兩部分:帆布元素本身和它的位圖。使用CSS會影響元素,但不影響位圖。因此,您需要通常通過上下文更新位圖或使用像素緩衝區來使其成爲位圖的一部分。
執行以下操作:
fillRect()
toDataURL()