로딩
요청 처리 중입니다...

HTML canvas와 svg

 HTML canvas와 svg

canvas 요소 요소는 그래픽을 기르는데 사용된다. 는 그래픽의 컨테이너고, 실제로 그리는 것은 자바스크립트를 이용한다.

경로, 상자, 원, 텍스트를 그리고 이미지를 추가할 수 있다. 캔버스는 기본적으로 테두리와 내용이 없다.

스크립트 참조를 위해 id 속성을 지정하고, width와 height를 지정해서 크기를 정의한다. 테두리 추가는 style 속성을 이용한다.

자바스크립트를 이용해 드로잉을 할 수 있다. var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.moveTo(0, 0); ctx.lineTo(200, 100); ctx.stroke();

# canvas # graphic # HTML # svg # web

원문 링크 : HTML canvas와 svg