課程
/前端開發(fā)
/Html5
/學寫一個字
發(fā)現(xiàn)一個bug,就是知識單純鼠標點擊canvas內(nèi)的話,并不會有痕跡出來,有沒有人把這樣的實現(xiàn)代碼貼出來參考一下?
2016-01-26
源自:學寫一個字 3-1
正在回答
已經(jīng)找到解決方法:
var isMouseMove = false;
?? ?canvas.onmouseup = function(e){?? ??? ?e.preventDefault(); ?? ??? ?isMouseDown = false;?? ??? ?var curLoc = windowToCanvas(e.clientX ,e.clientY);?? ??? ?console.log(curLoc.x +"," + curLoc.y +"," +lastLoc.x+"," +lastLoc.y);?? ??? ?if(isMouseMove != true)?? ??? ?{?? ??? ??? ??? ?context.beginPath()?? ??? ??? ?context.arc(curLoc.x, curLoc.y, 15, 0 ,2*Math.PI);?? ??? ??? ?context.fillStyle = drawColor;?? ??? ??? ?context.fill();?? ??? ??? ?console.log("1");?? ??? ?}?? ??? ?isMouseMove = false;?? ?}
舉報
canvas系列第四課,與鼠標、觸控交互,學習寫出一個字
1 回答lineWidth 開始正常,一段時間后出現(xiàn)NAN
1 回答當頁面超過手機屏幕長度,滾動頁面后,定位到canvas會多出滾動的長度。獲得線會往下移一定距離。
2 回答為什么我的畫出來的筆畫有點像墨水不足有斷斷續(xù)續(xù)的
1 回答point.x識別不出來
1 回答資料下載不了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-01-26
已經(jīng)找到解決方法:
var isMouseMove = false;
?? ?canvas.onmouseup = function(e){
?? ??? ?e.preventDefault();
?? ??? ?isMouseDown = false;
?? ??? ?var curLoc = windowToCanvas(e.clientX ,e.clientY);
?? ??? ?console.log(curLoc.x +"," + curLoc.y +"," +lastLoc.x+"," +lastLoc.y);
?? ??? ?if(isMouseMove != true)
?? ??? ?{?? ?
?? ??? ??? ?context.beginPath()
?? ??? ??? ?context.arc(curLoc.x, curLoc.y, 15, 0 ,2*Math.PI);
?? ??? ??? ?context.fillStyle = drawColor;
?? ??? ??? ?context.fill();
?? ??? ??? ?console.log("1");
?? ??? ?}
?? ??? ?isMouseMove = false;
?? ?}