1

Raphaelで、たとえばx = 100、y = 100ピクセルから画面の右端まで、画面/ブラウザーの端まで描画(線をアニメーション化)したいと思います。

私はアニメーションの部分を行う方法を知っています。最も正しい座標を動的に見つける方法を知る必要があるだけです。

ブラウザで水平スクローラーを作成せずにそのようなことを行う方法は?

これはRaphael 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 位置を与える変数。

4

1 に答える 1

2

この情報を取得するには、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));
于 2012-07-25T20:57:09.083 に答える