HTML5 Canvas Draw Image

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 2432 2432

var c = document.getElementById("myCanvas");

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

var img = document.getElementById("scream");

ctx.drawImage(img,10,10);

<!DOCTYPE html>

<html>

<body>

<p>Image to use:</p>

<p>Canvas to fill:</p>

<canvas id="myCanvas" width="250" height="300"

style="border:1px solid #d3d3d3;">

Your browser does not support the HTML5 canvas tag.</canvas>

function myCanvas() {

var c = document.getElementById("myCanvas");

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

var img = document.getElementById("scream");

ctx.drawImage(img,10,10);

}

</script>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
17	HTML	이미지를 5단계로 키워서 보자 [2]	카이루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	3724
16	HTML	리눅스 압축관련 명령어	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6291
15	HTML	연산자(Operators) [1]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5616
14	HTML	PHP 제어구조	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5816
13		오랜만에 테이블로 레이아웃을 잡으니	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2250
12		크롬(Chrome), 사파리(Safari)에서 form 전송이 안 될때, submit 버튼이 안 먹힐 때 [4]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9654
11		UI Patterns [2]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2599
10		HTML5 마크업 시 [1]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2402
9		SIR 메인 HOT SKIN/BUILDER 효과 순차롤링 최신글 [9]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3602
8		크로스브라우징 input text 글줄 정렬 [13]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9460
7		반응형 웹 스타디 초안 [4]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3516
6		zurb의 foundation (반응형 프레임워크)과 off-canvas 방식 가변형 레이아웃	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5873
5		반응형 레이아웃 와이어프레임	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3327
4		가변형 레이아웃/네비게이션 패턴 [2]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4671
3		반응형 이미지 기법들 [1]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4543
2		반응형 웹 디자인 (Responsive Web Design) [2]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5488
1		구글 애드센스 배경색 설정 (로딩시 노란색으로 깜빡이는 문제 해결) [5]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3562