Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 특수문자
- plugin
- autocomplate
- 스쿠버다이빙
- 네이버페이사기
- 정직하게사세요
- 중고나라사기
- 스노쿨링
- 사기
- 자동완성
- REACT
- JavaScript
- js
- ES6
- 해외여행
- Hooks
- 막탄
- 여행
- 중고거래사기
- 삼성무선청소기제트
- 정규식
- 중고나라
- 구분
- 유효성검사
- Webpack
- 맛사지
- 마사지
- 세부
- webpack.config.js
Archives
- Today
- Total
Ryu.log
HTML5 Canvas란 무엇인가 본문
HTML5 Canvas 란?
JavaScript를 통하여 다양한 그림을 그릴 수 있는 공간(Container)을 제공해주며,
독립된 해상도 SVG 그래픽을 활용하고 있다.
이는 그래프를 그리거나 게임 그래픽, 다른 기타 이미지를 실시간으로 그려서 사용할 수 있는 기능을 제공해 준다.
Canvas는 높이와 넓이 속성이 있는 그리기가 가능한 지역이라고 HTML코드에서 정의 된다.
기존 HTML은 매우 정적이다. 허나 canvas는 이런 정적인 느낌을 동적으로 느낄 수 있도록 하는 HTML5의 막강한 기능 중 하나이다.
canvas를 사용하기 위해서는 HTML5가 지원되는 브라우저 사용하여야 한다.
MS IE9 Beta를 비롯한 최신 브라우저에서 모두 지원하고 있으며,
IE8 이하 버전에서는 exCanvas, html5canvas, uuCanvas 등의 JS Library를 사용하여 제한적 구현이 가능하다.
'Prev-content' 카테고리의 다른 글
[ECMAScript6] - Template Literals 템플릿 리터럴 (0) | 2018.02.13 |
---|---|
[ECMAScript6] - let, const와 블록 레벨 스코프 (0) | 2018.02.12 |
[Node.js] 1. 서버 만들기 (0) | 2017.12.28 |
[Node.js]Setting (0) | 2017.12.28 |
Node.JS와 npm (0) | 2017.12.26 |
Comments