その他：
filter属性の状態を取得
CSSのfilter属性で設定されている状態を取得して返す。
Node
Nodeを指定 id値を文字列で指定してもよい
String
filter属性を指定 ※ハイフンがあるものは、ハイフン無しやキャメルケースでも可
- brightness
- contrast
- grayscale
- saturate
- invert
- sepia
- opacity
- blur
- hue-rotate
- drop-shadow
●必須引数 ●オプション引数(省略可能)
記述例
$getFilter($id('aImg'), 'brightness')
$getFilter('aImg', 'drop-shadow')
$getFilter('aImg', 'dropshadow')
$getFilter('aImg', 'dropShadow')
戻り値
取得したfilter属性の数値を文字列として返す。
・指定したfilter属性が設定されていない場合は null を返す。
動作サンプル
さまざまなタイプのfilterを取得して出力する。
filter: brightness(120%);
filter: contrast(170%);
filter: grayscale(80%);
filter: blur(2px);
filter: opacity(60%);
filter: drop-shadow(rgba(67,124,129,0.6) 4px 8px 3px);
filter: hue-rotate(90deg);
filter: blur(1px) drop-shadow(rgba(66,111,137,0.5) 5px -6px 2px) hue-rotate(-40deg);
CSSのfilter属性の設定無し
Javascript :
var filterStr1=$getFilter('img1','brightness');
var filterStr2=$getFilter('img2','contrast');
var filterStr3=$getFilter('img3','grayscale');
var filterStr4=$getFilter('img4','blur');
var filterStr5=$getFilter('img5','opacity');
var filterStr6=$getFilter('img6','drop-shadow');
var filterStr7=$getFilter('img7','hue-rotate');
var filterStr8a=$getFilter('img8','blur');
var filterStr8b=$getFilter('img8','dropShadow');
var filterStr8c=$getFilter('img8','hueRotate');
var filterStr0=$getFilter('img0','brightness'); //filter属性の設定無し
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。