HTML5 Canvas Draw Image

컴프

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

· 8년 전 · 조회 2426 2426

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
797	HTML	HTML 단락 <p> 태그	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1705
796	HTML	<h1> ~ <h6> 사용	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1515
795	HTML	html5 기본 구조	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3300
794	기타	HTML5 Canvas 태그 예제	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2245
793	HTML	[HTML] 탭메뉴 dl dt dd	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3752
792	HTML	[HTML] 1원) html5 품검증 무력화시키기?	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1850
791	반응형	media query 제거한 bootstrap css	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2555
790	HTML	css @page 속성. print 용지설정이 css 로~	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	10035
789	HTML	폼 전송할 때 알아야 할 팁	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	5736
788	CSS	outline 속성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2488
787	반응형	모바일과 데스크탑 화면을 동시에 확인가능한 브라우져 blisk.io [1]	하호호 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3260
786	웹접근성	[웹접근성] ol과 ul 에 대해 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3453
785	웹접근성	웹 접근성에 대한 이해	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2378
784	기타	구글·MS·모질라·애플, 내년 3월 '웹어셈블리' 실험 지원	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2385
783	CSS	레이아웃 없는 이미지 롤오버 테두리	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2239
782	CSS	css 팁	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2409
781	CSS	css 툴팁 만들기 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3944
780	반응형	반응형웹 구축시 css calc() 활용팁 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	4298
779	CSS	CSS EM REM VW VH VMIN VMA	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3144
778	반응형	미디어쿼리 예제	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3279
777	반응형	[반응형웹] - 미디어쿼리 (media Query) 간단한 예제 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	7634
776	CSS	CSS3를 이용한 아코디언 메뉴 만들기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	4776
775	CSS	CSS3를 이용한 12달 달력 코딩하기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	5386
774	CSS	css3 와 제이쿼리를 이용한 이미지 슬라이드입니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	4608
773	반응형	미디어쿼리 기초	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3596
772	CSS	CSS 기초강좌 - 링크(Link)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2985
771	웹접근성	실무에서 웹접근성 마크 획득시 주의사항	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3527
770	HTML	html 구조를 css로 자동 컨버팅 해주는 사이트	ES7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	3737
769	HTML	html관련 자료 사이트	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2370
768		씨멘틱 마크업 - 이거 머냐 씹어먹는거냐? [2]	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	2399