2016-11-30 4 views
-6

HTML 5에 캔버스 란 무엇입니까? 나는 조금 새로운 개발자입니다. 캔버스는 그래픽을 그릴 수있는 HTML 영역입니다.HTML 5에 캔버스 란 무엇입니까?

""500"" id=""mycanvas"" solid="" style=""border:1px" width=""600""></canvas> 

var c=document.getElementById("mycanvas"); 
var ctx=c.getContext("2d"); 

에게 그것은 무엇을 의미 하는가? 자바 스크립트를 통해

+0

@Nisse 엥 스트롬 -vote하고 있습니다 .... 부인 관리자는 폴링 -vote 누가 그것을 발견하고 그 권한을 중지합니다. 그 때문에 내 명성이 내려 가고 있습니다. 그것의 정말 역 겨운 – VjRagavan

+0

@ Vj : 나는 모른다. 투표 데이터는 귀하와 나와 같은 일반 사용자에게는 제공되지 않습니다. 심지어 내가 아는 한 운영자에게까지. –

+0

@ NisseEngström 나는 8 개의 명성을 얻었지만 지금은 6 명 뿐이라는 것을 알았습니다. 채팅에 들어가기 위해서는 20 가지의 평판이 필요합니다 ... 나는 채팅방에 들어가야합니다. 유권자 – VjRagavan

답변

0

HTML 5

HTML 요소는 즉시, 그래픽을 그리는 데 사용되는 캔버스.

요소는 그래픽의 컨테이너 일뿐입니다. 실제로 그래픽을 그리려면 JavaScript를 사용해야합니다.

캔버스에는 패스, 상자, 원, 텍스트 및 이미지 추가를위한 여러 가지 방법이 있습니다. MDN docs에서 나는 아래의 예를 추가하고 있습니다

check this link

,

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"> 
 
Your browser does not support the HTML5 canvas tag. 
 
</canvas>

+0

@ 드림 사냥꾼 – VjRagavan

+0

감사합니다 @ VjRagavan 당신은 환영합니다 :) –

+0

나는 그것에 대해 정말 혼란 스러웠지만 지금은 분명히 .... 나는 또한 corelDRAW 디자이너도 corelDRAW에서 HTML로 디자인을 변환 할 수있는 또 다른 의심을 가지고 .. ? 가능한가요? @dream 사냥꾼 – VjRagavan

0

: HTML5에서

추가의 HTML <canvas> 요소를 사용할 수 있습니다 d 자바 스크립트에서 스크립팅을 통한 원시 그래픽. 예를 들어, 그래프 그리기, 사진 작곡, 애니메이션 제작 또는 실시간 비디오 처리 또는 렌더링 작업을 수행하는 데 사용할 수 있습니다. 여기

시작 : Canvas tutorial by MDN