その他:

clipのrect()を取得

CSSのclipで設定されたrect()値を取得して配列で返す。

Node
Nodeを指定 id値を文字列で指定してもよい
●必須引数 ●オプション引数(省略可能)

記述例

$getClip($id('aImg'))
$getClip('aImg')

戻り値

取得したrect()の値を4要素の配列として返す。

・clip が設定されていない場合は null を返す。

注意点

CSSのclipは、絶対配置 (position: absolute/fixed など) された要素にしか適用できないプロパティなので注意。

動作サンプル

<img> を対象にして CSS の clip で指定範囲をトリミング。現状で設定されている rect() を取得して出力する。

Javascript : var rectArray=$getClip($id('getclip_img1'));
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。