WEBAPI

settings_applicationsOffscreenCanvasRenderingContext2D  >   settings_applications[[Prototype]]

WEBAPI

Hidden(MetaData)
  • account_tree
  • bug_report

DOMStringfilter

캔버스에 CSS 또는 SVG 필터를 적용한다.

구문

사용 예
context.filter = 'drop-shadow(10px 10px 2px #999) hue-rotate(150deg)';
그림자(drop-shadow()) 필터와 색상(hue-rotate()) 필터를 동시에 적용하였다.

속성 명세

명세
분류설명
defaultnone
writableyes
사용 가능한 값들
분류설명
optionalblur()CSS의 blur() 함수를 사용하여 흐림 효과를 적용한다.
optionalbrightness()CSS의 brightness() 함수를 사용하여 밝고 어두운 효과를 적용한다.
optionalcontrast()CSS의 contrast() 함수를 사용하여 대비 효과를 적용한다.
optionaldrop-shadow()CSS의 drop-shadow() 함수를 사용하여 그림자 효과를 적용한다.
optionalgrayscale()CSS의 grayscale() 함수를 사용하여 회색톤으로 처리한다.
optionalhue-rotate()CSS의 hue-rotate() 함수를 사용하여 색조(hue)의 색상 각도를 적용한다.
optionalinvert()CSS의 invert() 함수를 사용하여 반전 효과를 적용한다.
optionalopacity()CSS의 opacity() 함수를 사용하여 투명도를 적용한다.
optionalsaturate()CSS의 saturate() 함수를 사용하여 채도(saturate)를 조정한다.
optionalsepia()CSS의 sepia() 함수를 사용하여 세피아톤을 적용한다.
optionalurl()CSS의 url() 함수를 사용하여 외부 XML 파일에 포함될 수 있는 SVG 필터 요소를 가리키는 IRI를 사용한다.

지원 웹브라우저