var x = e.offsetX;
var y = e.offsetY;
var i = Math.floor(x/30);
var j = Math.floor(y/30);我這里為什么一直報(bào)錯(cuò),offsetX未定義,求解釋
var y = e.offsetY;
var i = Math.floor(x/30);
var j = Math.floor(y/30);我這里為什么一直報(bào)錯(cuò),offsetX未定義,求解釋
2016-12-13
用火狐的話要先定義gradient,不然沒反應(yīng)
context.gradient=context.createRadialGradient(200,200,50,200,200,20);
var gradient=context.gradient;
gradient.addColorStop(0,"#0A0A0A");
gradient.addColorStop(1,"#636766");
context.gradient=context.createRadialGradient(200,200,50,200,200,20);
var gradient=context.gradient;
gradient.addColorStop(0,"#0A0A0A");
gradient.addColorStop(1,"#636766");
pageX不應(yīng)該是是相對于文檔(0,0)點(diǎn)的坐標(biāo)么,在沒有設(shè)置定位的情況下。canvas例外?
2016-12-03
這里棋盤線寬度顏色不對的原因:沒有設(shè)lineWidth所以默認(rèn)寬度為1px,canvas繪制線條,線條的寬度是以線條的中線向兩邊延伸確定的。拿moveTo(15,435),lineTo(435,435)這條線來說,實(shí)際上繪制時(shí)y軸的區(qū)域是(434.5,435.5),但瀏覽器不允許小于1px的圖形,所以瀏覽器處理時(shí)虛化,最終繪制的y軸區(qū)域是(434,436),線的寬度就成了2px,顏色變淺。這里左上部分比右下部分顏色深應(yīng)該是瀏覽器自行處理的結(jié)果。要保證正確的寬度和顏色,可以使用0.5大法,xy同時(shí)左移或右移0.5.參考網(wǎng)址:http://www.jb51.net/html5/70312.html
加個(gè)點(diǎn)擊次數(shù)的判定能解決有子地方點(diǎn)擊一次再去無子地方點(diǎn)擊會出現(xiàn)同色的情況
2016-11-14