RAPHAELIST

Raphael.jsは日本語ドキュメントが少ないので、初心者には敷居が高いのを何とかするブログ

【Raphael.js】Raphaelエレメントの位置やサイズを取得する方法

getBBox関数

拡大縮小などを行ったRaphaelエレメントのサイズを取得したい時があります。そんな時はgetBBox関数を使用してBoxエレメントを取得すれば一発で解決です。

 

実行結果

フルスクリーン
http://jsfiddle.net/nekosmash/K69v6/6/embedded/result/

解説

引数はbool型がひとつだけで、trueであれば拡大縮小前のサイズを取得し、falseであれば今現在のありのままのサイズを取得します。サンプルはfalseで実行しています。

 

Element.getBBox(bool);

  • Element: サイズを取得するRaphaelエレメント
  • bool: オリジナルの位置サイズを表示するかどうかを指定
  • 返り値: 位置サイズの情報を格納したオブジェクト
  • x: 対象のX座標
  • y: 対象のY座標
  • width: 対象の幅
  • height: 対象の高さ

関連エントリー

【Raphael.js】Raphaelでグラデーション背景を作る方法 - RAPHAELIST