html vs canvas 장단점
자바스크립트 / 2017. 3. 4. 23:30
html방식은 기존의 이미지, <div>등을 사용하여, 화면을 그리는 방식이고,
canvas방식은 canvas안에 그래픽함수로 화면을 그리는 방식이다.
|
html |
canvas |
설명 |
img, div등으로 화면을 구성. |
점,선,이미지출력등으로 화면을 구성 |
화면 |
대부분의 웹브라우져에서 동작하나, 화면모양이 달라질 수 있다 세밀한 표현이 어렵다. 구현이 안되는 기능(화면)이 존재 |
오래된 웹브라우져에서는 지원되지 않음. 동작되는 모든 웹브라우져에서 동일한 화면. 세밀한 표현이 가능. 모든 기능을 구현할 수 있다. |
속도 |
컨트롤개체가 많으면, 느려짐. |
컨트롤 개체가 많아도 비교적 빠름. |
개발편의성 |
간단한 화면은 쉬움. 기능이 복잡하고, 커질 수록, 어려워짐. |
간단한 화면도, 기본 라이브러리를 작성해야해서, 개발이 오래걸림. |
개발시 장점 |
비교적 빠른 개발이 가능. |
기본 GUI 라이브러리가 없다면, 오래걸림. 버그가 많이 발생할 수 도 있다. |
웹브라우져 호환성 |
모든 웹브라우져에서 동작테스트를 해야한다. 웹브라우져마다 다른 코드를 배워야한다. |
모든 웹브라우져에서 동일한 화면. 웹브라우져와 상관없이 개발가능. |
|
대부분의 개체에 마우스이벤트가 존재하여, 작성이 쉬움. |
마우스 이벤트는 영역검사하여 처리해야함. (복잡함) |
유지보수 |
웹브라우져마다 다르므로, 유지보수를 많이 해야할 수 도 있다. |
유지보수 필요성이 거의 없음. |
|
|
|
'자바스크립트' 카테고리의 다른 글
| 자바스크립트 - strcpy (0) | 2017.03.04 |
|---|---|
| 자바스크립트 프로그래밍 장단점 (1) | 2017.03.04 |
| 자바스크립트 - 구조체 struct (0) | 2017.03.01 |
| 자바스크립드 - 다차원 배열 테스트 (0) | 2017.03.01 |
| javascript - 이미지 좌표(위치) 구하기 (0) | 2017.02.18 |