2010-12-02 5 views
0

HTML5 Canvas와 SVG/VML에 대해 어떻게 생각하세요? 비교할 때 장단점을주세요.HTML5 캔버스 대 SVG/VML?

감사합니다.

+1

이 '질문'은 [ "나쁜 주관적"] (http://blog.stackoverflow.com/2010/09/good-subjective-bad-subjective/)이므로 닫아야합니다. – Phrogz

답변

6

HTML5 캔버스는 단순히 비트 맵의 ​​그리기 화면입니다. draw (색상 및 선 두께로 말하기)를 설정하고, 그 것을 그립니다. 그리고 Canvas는 그 사실에 대해 전혀 알지 못합니다 : 그것이 어디에 있는지, 아니면 무엇인지, 픽셀인지 알지 못합니다. 직사각형을 그려 주위를 돌아 다니거나 선택할 수있게하려면 그리는 것을 기억하는 코드를 포함하여 모든 것을 처음부터 다시 코딩해야합니다.

한편, 생성하는 모든 SVG/VML 요소는 DOM의 실제 요소입니다. 기본적으로이 기능을 사용하면 만드는 요소를 훨씬 잘 추적 할 수 있으며 기본적으로 마우스 이벤트와 같은 것을 쉽게 처리 할 수 ​​있습니다.

캔버스는 애니메이션과 같이 빠른 작업과 무거운 비트 맵 조작에 더 좋지만 많은 상호 작용이 필요한 경우 더 많은 코드가 필요합니다.

+0

답변 감사합니다! – Edward83

+0

캔버스에 추가 한 객체에서 마우스 이벤트를 가져와 확인할 수있는 유용한 라이브러리, Easel.js가 있습니다. – Neil