如何使这个响应(刷新窗口大小)Raphaeljs

时间:2013-03-05 13:30:21

标签: javascript raphael

所以我有这个脚本

var wide = window.innerWidth;
var high = window.innerHeight;

var paper = Raphael(0, 0, wide, high);
for (var j = 0; j < (wide / 10); j += 1) {
var multi = j * 10;
paper.path(["M", multi + 0.5, 0, "v", high]);
};

for (var j = 0; j < (high / 10); j += 1) {
var multi = j * 10;
paper.path(["M", 0,multi + 0.5, "h", wide]);
};

我希望网格在调整大小时绘制到窗口大小,如果可能的话,加上如何更改线条的颜色?

这是一个小提琴

http://jsfiddle.net/zhirkovski/7DXJ4/2/

感谢

1 个答案:

答案 0 :(得分:1)

使用JQuery,您可以将其附加到“resize”事件,如下所示:

window.onresize = function(event) {
    /* Do something */
}

使用mootools,您可以使用addEvent()方法附加它,如下所示:

$(window).addEvent('resize', function() { /* Do something */ });

在原生javascript中,它与mootools非常相似。类似的东西:

window.addEvent('resize', function() { /* Do something */ }, false);