如何设置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;" />

这里的raphael纸将是200px×200px。它自动完成。

Answer 2

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

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