已采納回答 / 霞_霞
var wid = 800, hei = 600, canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'), clippingRegion = {}, radius = 70, theAnimation; //控制show動(dòng)畫canvas.width = wid;canvas.height = hei;var image = new Image();image.src = 'img/1.jpg';image.onl...
2016-03-02
bug修改:給半徑歸位
function show(img,clippingRegion){
clippingRegion.r=radius;
var theAnimation= setInterval(function(){//點(diǎn)擊show展示清晰動(dòng)畫
clippingRegion.r+=20;
if(clippingRegion.r>1000){
clearInterval(theAnimation);
}
draw(img,clippingRegion);
},30)
}
function show(img,clippingRegion){
clippingRegion.r=radius;
var theAnimation= setInterval(function(){//點(diǎn)擊show展示清晰動(dòng)畫
clippingRegion.r+=20;
if(clippingRegion.r>1000){
clearInterval(theAnimation);
}
draw(img,clippingRegion);
},30)
}
2016-02-25
貌似這個(gè)會(huì)有一個(gè)BUG 點(diǎn)完show后 立即點(diǎn)擊 reset 不會(huì)歸位。 要show的定時(shí)器結(jié)束后在點(diǎn)擊就不會(huì)了。
2016-02-25