その他:

clipのrect()を設定

CSSのclip:rect()を設定して、指定Nodeをトリミングする。

Node
Nodeを指定 id値を文字列で指定してもよい
Array
設定する数値を配列で渡す top・right・bottom・leftの値 / 配列は単位無しの整数
●必須引数 ●オプション引数(省略可能)

記述例

$setClip($id('aImg'), new Array(0,350,233,0))
$setClip('aImg', aArray)

注意点

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

動作サンプル

<img> を対象にして CSS の clip で指定範囲をトリミング。

Javascript : $setClip($id('img1'),new Array(0,350,233,0)); $setClip($id('img1'),new Array(233,700,466,350)); $setClip('img1',new Array(0,350,466,0)); $setClip('img1',new Array(100,580,366,120));
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。