티스토리 뷰

프로그래밍

JavaScript canvas image draw

두덕리온라인 2016. 10. 30. 08:41
728x90
반응형

<canvas id="canvas1" width="500" height="500" style="border:1px"/>

<script>

    window.onload = function() {

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

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


        var image = new Image();

        image.src = "./test.jpg";


        // 이미지가 로딩되면 draw

        image.onload = function() {

            image.data

            ctx.drawImage(image, 0, 0);

        }

    }

</script>



반응형

'프로그래밍' 카테고리의 다른 글

Python 현재 디렉토리 얻기  (0) 2017.02.03
PHP CDKEY 쿠폰번호 생성 소스  (0) 2016.11.26
C# BMP 파일 읽기  (0) 2016.07.22
Java GC root  (0) 2016.07.21
동영상 프레임의 종류 I/P/B 프레임(i-frame, p-frame, b-frame)  (0) 2016.07.21
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday