728x90
modernizr는 canvas나 svg 같은 최신 html5 기능들을 지원하는지 안하는지를 테스트해볼수있게 도움을 주는 툴이다.
위 사이트에 들어가서 download > 원하는 기능을 체크한다. svg과 canvas를 확인해보고자 한다.
그후, build를 눌러주면
Copy to Clipboard를 눌러서 코드를 복사하거나 download해서 js파일을 받을 수 있다.
<script src="modernizr-custom.js"></script>
<script>
if(Modernizr.svg){
console.log("svg를 지원합니다.");
}
if(Modernizr.canvas){
console.log("canvas를 지원합니다.");
}
</script>
modernizr 파일을 불러와서 스크립트로 if문을 작성해 지원여부를 확인할수있다.
현재 크롬으로 확인했을때 svg와 canvas 둘다 지원된다는 메세지의 콘솔이 찍히는걸 볼 수 있다.
728x90
'HTML' 카테고리의 다른 글
iframe으로 동영상 넣기 (0) | 2020.07.08 |
---|---|
[HTML Tag] 리스트를 위한 태그들 (ol,ul,li,dt,dd,dl) (0) | 2020.03.03 |
웹 접근성(Web Accessibility)이란? (0) | 2020.03.03 |
[HTML Tag] <a> 태그와 mailto (0) | 2020.03.03 |
웹페이지를 만들기 위한 기본 packaging과 포토샵 이미지 저장하기 (0) | 2020.03.03 |