javascript - 如何将 Raphael JS 论文的宽度和高度设置为与其包含的 div 相同的宽度和高度？

Question

我的 Raphael JS 论文是在 id 为“temp”的 div 中创建的。我希望纸张的高度和宽度与 div temp 的高度和宽度相同。我该如何使用 javascript 或 jquery 执行此操作？

HTML

<div id="temp" style="border:1px solid red;width:500px;height:500px"></div>

我尝试使用获取高度和宽度

document.getElementById("temp").style.width 
document.getElementById("temp").style.height 

但是当我用它来创建论文时，我收到了一个 JS 警告..

Answer 1

如果您的 javascript 中有以下 RaphaelJS init：

var paper = new Raphael('myDiv');

在 html 中：

<div id="myDiv" style="width: 200px; height: 200px;" />

在这里，拉斐尔纸将是 200 像素 x 200 像素。它会自动完成。

Answer 2

您可以使用.. height()和width() jquery 函数来获取元素的高度和宽度..

var width=$("#temp").width(); 
var hieght=$("#temp").height(); 
alert(width); //gives you width
alert(height); //gives you height