javascript - ラファエル紙オブジェクトの配置

Question

私はラファエルの紙のオブジェクトについて私ができるすべてを学ぼうとしています。私はこの主題に関するラファエルのドキュメントを使い果たしましたが、1つのことが私を（nadsによって）得ました。いったいどのように紙のオブジェクトを配置しますか？

setViewBoxメソッドを使用しようとしましたが、xとyが応答しません。これを行う別の方法はありますか？

score 4 · Accepted Answer

Raphaelは、CSSを介してDOMに配置できます。例えば：

<style type="text/css">
    #derp { position: absolute; width:200px; height:100px; }
</style>

<div id="derp">Loading...</div>

次に、それをインスタンス化するには：

var my_paper = Raphael("derp", 200, 100 );

DOM要素をRaphaelと組み合わせて組み合わせることができます。例については、http：//jsfiddle.net/NQtU5/を参照してください。

score 1 · Accepted Answer

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

最初のパラメーターはx、2番目はyです。出典：ホームページのコードの最初の行

作成後にページ自体を移動するには、jsを使用してdom要素の「top」または「left」スタイルのプロパティを設定します。

2 に答える 2