放大后圖片和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
有偏移量是因?yàn)閳D片的寬或高小于Canvas的寬或高,老師代碼變量取反寫(xiě)錯(cuò)了(沒(méi)有考慮到topMargin可能是負(fù)數(shù)),數(shù)值類型前面直接加負(fù)號(hào)即可,可比較:
alert(-topMargin);alert("-"+topMargin);
alert(-topMargin);alert("-"+topMargin);
2016-10-19