본문 바로가기

# Work/└ html5&css322

canvas 요소 # canvas 요소 활용 방법브라우저에 그림을 그리기 위해 canvas 요소를 사용하여 그림 그릴 영역을 지정하고 실제 그림을 그리는것은 자바스크립트를 사용함. 1. 캔버스 영역 지정형식지원 불가능한 브라우저에서 표현할 이미지나 텍스트(너비나 높이를 지정하지 않으면 자동으로 300*200 픽셀의 캔버스가 생성됨) 2. 해당 아이디에 해당하는 캔버스를 불러와 canvas 객체를 생성하고 getContext('2d') 메서드를 호출하여 그리기 컨텍스트를 생성형식var 변수1 = document.getElementById('아이디');var 변수2 = 변수1.getContext(''2d'); => 짧게. var 변수 = document.getElemntById('아이디').getContext('2d'); 예.. 2013. 11. 12.

티스토리툴바