RedPlus 개인 블로그

시삽: 레드플러스 님 
게시판 이동:
 제목 : HTML 5 Canvas rotate() 함수 사용 예제
글번호: 226
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2011/03/07 오전 9:37:00 (2011/03/07 오전 9:37:00 수정)
조회수: 3652
<!DOCTYPE html>
 
<html lang="ko">
<head>
    <title>Canvas의 rotate() 함수</title>
    <meta charset="utf-8">
    <style type="text/css">
    canvas { border:1px solid red; }
    </style>
    <script type="text/javascript">
        // Page_Load 이벤트 잡기
        window.addEventListener('load'function () {
            // 컨텍스트 개체 가져오기
            var ctx = document.querySelector('canvas').getContext('2d');
            // 기본 오프셋 변경
            ctx.translate(200, 200);
            // 개체 회전
            ctx.rotate( (Math.PI / 180) * 45 ); // 45도 회전
            // 사각형 그리기
            ctx.fillStyle = "rgba(0, 128, 255, 0.5)";
            ctx.fillRect(10, 0, 150, 50);
        }, false);     
    </script>
</head>
<body>
    <canvas width="640" height="480"></canvas>
</body>
</html>

 

IE9에서의 실행 결과:

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 ASP.NET MVC 3 Twitter Helper 관련 괜찮은 아티클 링크 - Administrator 2011-03-09 3569
현재글 HTML 5 Canvas rotate() 함수 사용 예제 - Administrator 2011-03-07 3652
다음글 HTML 5 Canvas translate() 함수 사용 예제 - Administrator 2011-03-07 4221
관련 페이지 리스트
numtitlenamedateview
388 C 언어에서 값 전달과 참조 전달(Call By Value and Call By Re... Administrator 2023-03-09 1462
387 병합 알고리즘 순서도 2022-10-22 2122
386 C 언어 강의: scanf를 엔터키를 기준으로 여러 행으로 값을 입력 받기 Administrator 2022-01-09 3505
385 C 언어: scanf 사용해서 표준 입력인 콘솔로부터 나이를 정수로 입력 받아 출력 Administrator 2022-01-07 2524
384 Java 코드 샘플 - Function 인터페이스로 람다 식 만들기 Administrator 2022-01-04 2435
383 C# 코드 샘플 - 널 조건부 연산자 사용하기 Administrator 2022-01-02 2468
382 C# 코드 샘플 - 널 병합 연산자와 default 키워드 Administrator 2022-01-02 2400
381 C# 코드 샘플 - 널 병합 연산자로 문자열 변수의 NULL 값 확인하기 Administrator 2022-01-02 2315
380 C# 강의 - 14세 미만 체크 메서드 구현 Administrator 2022-01-01 2350
379 C 언어 천 단위 콤마 찍기 thousands_separator.c Administrator 2021-12-30 3145
378 for 문 순서도 - for 문(for loop) 순서도(flowchart) Administrator 2021-12-28 4990
377 C 언어 코드 샘플 - 전처리기 - 조건부 컴파일 Administrator 2021-12-27 2348
376 C 언어 코드 샘플 - 전처리기 - 매크로 함수 Administrator 2021-12-27 2355
375 http-server 설치하기 - 로컬 루프백 주소로 웹페이지 실행 2021-12-27 2366
374 C 언어 코드 샘플 - N명의 학생의 점수를 입력받아 1차원 배열에 저장 후 총점 구... Administrator 2021-12-27 2380
373 Java 코드 샘플 - 두 수의 합을 구하는 함수 Administrator 2021-12-26 2293
372 C 언어 코드 샘플 - 두 수의 합을 구하는 함수 Administrator 2021-12-26 2317
371 C# 교과서 강좌 - LINQ - Select 확장 메서드에 익명 형식 사용하기 Administrator 2021-12-26 2386
370 C# 교과서 강의 - LINQ - Select 확장 메서드를 사용하여 새로운 형태로 ... Administrator 2021-12-26 2341
369 C 언어 코드 샘플 - static-shared - 정적(공유) 변수 사용하기 Administrator 2021-12-26 2361
 
 
 
손님 사용자 Anonymous (손님)
로그인 Home