SVG와 캔버스의 차이점
SVG와 캔버스의 차이점
SVG는 XML에서 2D 그래픽을 설명하기위한 언어입니다.
Canvas는 2D 그래픽을 즉석에서 그립니다 (JavaScript 사용).
SVG는 XML 기반이며, 이는 모든 요소가 SVG DOM 내에서 사용 가능하다는 것을 의미합니다. 요소에 JavaScript 이벤트 핸들러를 첨부 할 수 있습니다.
SVG에서 그려진 각 도형은 객체로 기억됩니다. SVG 객체의 속성이 변경되면 브라우저는 자동으로 모양을 다시 렌더링합니다.
캔버스는 픽셀 단위로 렌더링됩니다. 캔버스에서 그래픽이 그려지면 브라우저에서이를 잊어 버립니다. 위치를 변경해야하는 경우 그래픽으로 덮여있을 수있는 모든 객체를 포함하여 전체 장면을 다시 그려야합니다.
캔버스와 SVG의 비교
아래 표는 Canvas와 SVG의 중요한 차이점을 보여줍니다.
| Canvas | SVG |
|---|---|
|
|
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 797 | HTML | 8년 전 | 1699 | ||
| 796 | HTML | 8년 전 | 1510 | ||
| 795 | HTML | 8년 전 | 3288 | ||
| 794 | 기타 | 8년 전 | 2241 | ||
| 793 | HTML | 8년 전 | 3741 | ||
| 792 | HTML | 8년 전 | 1847 | ||
| 791 | 반응형 | 8년 전 | 2548 | ||
| 790 | HTML | 8년 전 | 10028 | ||
| 789 | HTML | 8년 전 | 5727 | ||
| 788 | CSS | 8년 전 | 2457 | ||
| 787 | 반응형 | 8년 전 | 3253 | ||
| 786 | 웹접근성 | 9년 전 | 3450 | ||
| 785 | 웹접근성 | 9년 전 | 2374 | ||
| 784 | 기타 | 9년 전 | 2377 | ||
| 783 | CSS | 9년 전 | 2232 | ||
| 782 | CSS | 9년 전 | 2405 | ||
| 781 | CSS | 9년 전 | 3940 | ||
| 780 | 반응형 | 9년 전 | 4292 | ||
| 779 | CSS | 9년 전 | 3136 | ||
| 778 | 반응형 | 9년 전 | 3271 | ||
| 777 | 반응형 | 9년 전 | 7623 | ||
| 776 | CSS | 9년 전 | 4769 | ||
| 775 | CSS | 9년 전 | 5379 | ||
| 774 | CSS | 9년 전 | 4604 | ||
| 773 | 반응형 | 9년 전 | 3591 | ||
| 772 | CSS | 9년 전 | 2979 | ||
| 771 | 웹접근성 | 9년 전 | 3518 | ||
| 770 | HTML | 9년 전 | 3727 | ||
| 769 | HTML | 9년 전 | 2366 | ||
| 768 | 9년 전 | 2383 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기