reset不會(huì)歸位的話,可以把定時(shí)器的t設(shè)為全局變量,在reset函數(shù)里面第一行添加clearInterval(t),就OK了。為防止連續(xù)點(diǎn)很多次show按鈕產(chǎn)生過(guò)多的定時(shí)器,最后在show函數(shù)里第一行也添加clearInterval(t)
2016-11-11
放大后圖片和canvas不再一個(gè)位置的原因是因?yàn)橹暗腸anvas設(shè)置的寬高為固定的800*600,所以要解決偏移的問(wèn)題也就2點(diǎn)。1、判斷:當(dāng)window.innerWidth < 992 的時(shí)候,設(shè)置blur-div和blur-image的寬高為800*600,同時(shí)將canvasWidth和canvasHeight也設(shè)置為800、600。2、判斷:當(dāng)window.innerWidth < 992 的時(shí)候,context.drawImage(image,0,0,800,600);不過(guò)這個(gè)時(shí)候還要注意initCanvas和show這兩個(gè)函數(shù)對(duì)于drawImage在Width<992時(shí)的關(guān)系
2016-11-07
解決bug:
在reset方法里加一個(gè)條件限制一下就ok了
function reset() {
if(clippingRegion.r>1000||clippingRegion.r==radius){
initCanvas();
}
}
在reset方法里加一個(gè)條件限制一下就ok了
function reset() {
if(clippingRegion.r>1000||clippingRegion.r==radius){
initCanvas();
}
}
2016-10-31
最新回答 / nc1199
去了解下drawimage更詳細(xì)的API后你就會(huì)完全了解canvas的繪圖機(jī)制了~或者你看看這個(gè)視頻http://idcbgp.cn/learn/338 里面就有清楚的講解~
2016-10-26
有偏移量是因?yàn)閳D片的寬或高小于Canvas的寬或高,老師代碼變量取反寫錯(cuò)了(沒(méi)有考慮到topMargin可能是負(fù)數(shù)),數(shù)值類型前面直接加負(fù)號(hào)即可,可比較:
alert(-topMargin);alert("-"+topMargin);
alert(-topMargin);alert("-"+topMargin);
2016-10-19