我正在尝试在网站上使用 Raphael。想法是将 div 作为背景,作为 Raphael 的占位符。我用一个 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 正在画画,但我得到了不需要的滚动条。我可以添加到正文overflow: hidden
中,但这不是重点。
我的问题是:我应该如何设置 Raphael,以便在没有滚动条的情况下填充全屏 div。
这是我的 jsfiddle:http: //jsfiddle.net/Misiu/Z2L6K/