如何在Raphael js中画一条线到屏幕边缘（浏览器）？

Question

我想在Raphael中绘制（动画一行）到屏幕/浏览器的边缘，例如： x = 100，y = 100像素到屏幕的最右边。

我知道如何制作动画部分，我只需要知道如何动态找出最合适的坐标。

如果不在浏览器中创建水平滚动条，如何做这样的事情？

拉斐尔js有可能吗？或者根本没有？

到目前为止我的代码：

var paper = Raphael(100, 100, ???, 1);
var lineToEdge = paper.path("M0 0");
lineToEdge.attr(fillerLine);
var anim = Raphael.animation({path: "M0 0L??? 100"}, 500);
lineToEdge.animate(anim.delay(2500));

??? - 会以某种方式为我提供最正确的x位置的变量。

Answer 1

使用Javascript的window.screen对象获取此信息。

请参阅：http://www.javascriptkit.com/howto/newtech3.shtml

所以你的代码看起来像（抱歉，我自己没有测试过）：

var paper = Raphael(100, 100, screen.width, 1);
var lineToEdge = paper.path("M0 0");
lineToEdge.attr(fillerLine);
var anim = Raphael.animation({path: "M0 0L"+screen.width+" 100"}, 500);
lineToEdge.animate(anim.delay(2500));