HTML5 Canvas Draw Image

컴프

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

· 8년 전 · 조회 2421 2421

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
1067	CSS	버튼 너비	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1495
1066	CSS	비활성화 된 버튼	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1865
1065	CSS	그림자 단추	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1459
1064	CSS	호버 블 버튼	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1598
1063	CSS	컬러 단추 테두리	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1656
1062	CSS	둥근 버튼	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1673
1061	CSS	CSS 단추 크기	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1498
1060	CSS	CSS 버튼 색상	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	4151
1059	CSS	CSS 버튼	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2082
1058	CSS	이미지 모달 (고급)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2500
1057	CSS	이미지 필터	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2041
1056	CSS	이미지 텍스트	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1968
1055	CSS	투명한 이미지	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1821
1054	CSS	폴라로이드 이미지 / 카드	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2087
1053	CSS	이미지 센터하기	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1880
1052	CSS	반응 형 이미지	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2008
1051	CSS	css 미리보기 이미지	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2397
1050	CSS	CSS 이미지	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1726
1049	CSS	애니메이션 속기 속성	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2308
1048	CSS	애니메이션의 속도 곡선 지정	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1758
1047	CSS	애니메이션을 반대 방향 또는 대체 주기로 실행하십시오.	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1548
1046	CSS	애니메이션을 몇 번 실행해야하는지 설정	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1231
1045	CSS	애니메이션 지연	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1560
1044	CSS	CSS3 애니메이션이란 무엇입니까?	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2312
1043	CSS	CSS3 전환 + 변환	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2006
1042	CSS	CSS3 전환 효과 지연	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1762
1041	CSS	CSS3 전환 속도 곡선 지정	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1724
1040	CSS	CSS3 Transitions	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1483
1039	CSS	CSS3 3D 변환	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1791
1038	CSS	The matrix() Method	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2232