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;" />

ここで、ラファエル紙は 200px x 200px になります。それは自動的に行います。

Answer 2

使用できます.. height()およびwidth() jquery 関数を使用して、要素の高さと幅を取得します..

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