首頁(yè) 猿問(wèn) 使用鼠標(biāo)在HTML5 Canvas上繪圖

使用鼠標(biāo)在HTML5 Canvas上繪圖

Html5

桃花長(zhǎng)相依 2019-08-09 16:19:19

使用鼠標(biāo)在HTML5 Canvas上繪圖我想使用鼠標(biāo)在HTML Canvas上繪圖（例如：繪制簽名，繪制名稱(chēng)，......）請(qǐng)幫幫我怎么辦？請(qǐng)?zhí)峁┮恍┰创a。謝謝

查看完整描述

3 回答

慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊

以下是使用canvas創(chuàng)建繪圖應(yīng)用程序的最直接方法：

將a mousedown，mousemove和mouseup事件偵聽(tīng)器附加到畫(huà)布DOM
在mousedown，獲取鼠標(biāo)坐標(biāo)，并使用該moveTo()方法定位繪圖光標(biāo)和beginPath()方法以開(kāi)始新的繪圖路徑。
on mousemove，不斷向路徑添加新點(diǎn)lineTo()，并使用最后一個(gè)段著色stroke()。
在mouseup，設(shè)置標(biāo)志以禁用繪圖。