Javascript 如何在RaphalJS中绘制屏幕（浏览器）边缘的线？

我想用拉斐尔（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位置的变量。使用Javascript的window.screen对象获取此信息

见：

因此，您的代码看起来像（对不起，我自己还没有测试过）：

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));