[英]“Animating” background on canvas
我一直试图为在画布上执行的项目设置“背景”动画。 我正在使用raphaelJS,而我正在做的是
function bg(){
h = 0;
var terra = paper.rect(0, 500 + h, 900, 100);
terra.attr({'fill': '#00E639', 'stroke': 'none'});
var troposfera = paper.rect(0, -100 + h, 900, 600);
troposfera.attr({'fill': '#C0866D', 'stroke': 'none'});
var estratosfera = paper.rect(0, -700 + h, 900, 600);
estratosfera.attr({'fill': '#4497BF', 'stroke': 'none'});
var ozono = paper.rect(0, -900 + h, 900, 600);
ozono.attr({'fill': '#E8EAE9', 'stroke': 'none'});
var mesosfera = paper.rect(0, -1500 + h, 900, 600);
mesosfera.attr({'fill': '#434392', 'stroke': 'none'});
var termosfera = paper.rect(0, -2100 + h, 900, 600);
termosfera.attr({'fill': '#3A435A', 'stroke': 'none'});
var exosfera = paper.rect(0, -2700 + h, 900, 300);
exosfera.attr({'fill': '#000000', 'stroke': 'none'});
}
然后像这样在setInterval下调用它
var drbg = setInterval(function(){
bg();
h = h + 1;
}, 40);
但是,它不起作用。 它绘制了背景,但随后却没有如我所愿地向上移动。
因为bg()
的第一行是h=0;
,每次调用时都会将h
重置为0
...
为了使它起作用,尝试移动h=0;
超出bg()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.