Raphael を Web サイトで使用しようとしています。アイデアは、Raphael のプレースホルダーとなる背景として div を持つことです。1 つの div で空白のページを作成し、次のコードを追加しました。
var r = Raphael("holder", '100%', '100%'),
targets = r.set(),
div_w = document.getElementById("holder").clientWidth, //.offsetWidth,
div_h = document.getElementById("holder").clientWidth; //.offsetHeight;
targets.push(r.rect(10, 10, div_w-20, div_h-20));
targets.attr({
fill: "#efe",
stroke: "#fff",
"stroke-dasharray": "- ",
opacity: 0.2
});
Raphael は描画していますが、不要なスクロール バーが表示されます。body に追加できますoverflow: hidden
が、それは重要ではありません。
私の質問は、スクロールバーなしで全画面の div を埋めるように Raphael をどのようにセットアップすればよいかです。
これが私のjsfiddleです:http://jsfiddle.net/Misiu/Z2L6K/