返回的lineWidth 用平方根會(huì)更加順滑一些
return Math.sqrt(resultLineWidth*resultLineWidth*1/3 + lastLineWidth*lastLineWidth*2/3);
return Math.sqrt(resultLineWidth*resultLineWidth*1/3 + lastLineWidth*lastLineWidth*2/3);
2016-05-06
繪制虛線,context.setLineDash([a,b]);//a為虛線線段長(zhǎng)度,b為虛線線段間隔長(zhǎng)度
2016-05-04
offsetX offsetY是屬于IE的事件屬性,不過現(xiàn)在很多的瀏覽器已經(jīng)開始支持這個(gè)屬性了,雖然MDN官方文檔顯示This is an experimental technology,很有可能未來就會(huì)成為一個(gè)標(biāo)準(zhǔn),話說很方便的啊
2016-04-23
關(guān)于虛線的個(gè)人理解:
添加 context.setLineDash([10,15]);即可
這個(gè)語句中的數(shù)字變量可以任意多個(gè),第一個(gè)10是虛線的線段長(zhǎng)度,第二個(gè)15是虛線線段的間隔長(zhǎng)度,多個(gè)數(shù)字變量是依次類推 - - -
添加 context.setLineDash([10,15]);即可
這個(gè)語句中的數(shù)字變量可以任意多個(gè),第一個(gè)10是虛線的線段長(zhǎng)度,第二個(gè)15是虛線線段的間隔長(zhǎng)度,多個(gè)數(shù)字變量是依次類推 - - -
2016-04-23
關(guān)于為什么不能再css中定義寬高的解釋:
canvas跟其他標(biāo)簽一樣,也可以通過css來定義樣式。但這里需要注意的是:canvas的默認(rèn)寬高為300px * 150px(可以去掉設(shè)置的寬高就可以看到默認(rèn)設(shè)置),在css中為canvas定義寬高,實(shí)際上把寬高為300px * 150px的畫布進(jìn)行了拉伸,如果在這樣的情況下進(jìn)行canvas繪圖,你得到的圖形可能就是變形的效果。所以,在canvas繪圖時(shí),應(yīng)該在canvas標(biāo)簽里直接定義寬高。
canvas跟其他標(biāo)簽一樣,也可以通過css來定義樣式。但這里需要注意的是:canvas的默認(rèn)寬高為300px * 150px(可以去掉設(shè)置的寬高就可以看到默認(rèn)設(shè)置),在css中為canvas定義寬高,實(shí)際上把寬高為300px * 150px的畫布進(jìn)行了拉伸,如果在這樣的情況下進(jìn)行canvas繪圖,你得到的圖形可能就是變形的效果。所以,在canvas繪圖時(shí),應(yīng)該在canvas標(biāo)簽里直接定義寬高。
2016-04-23
大家可以 console.log(v)看一下正常書寫V的大概范圍,然后優(yōu)化一下v的判斷 0.1 和10 會(huì)更平滑
2016-03-29