Ready, Get Set, GO!

  • HOME
  • TAG
  • MEDIA LOG
  • LOCATION LOG
  • GUEST BOOK
  • ADMIN
  • WRITE

cliping 1

33 .clip() - 잘라내기

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. Syntaxctx.clip(); 잘라내기 경로는 캔버스 도형과 비슷하지만, 포토샵의 마스크 등과 같은 의미 입니다. 예를들어 배경 이미지를 별 모양으로 만들고 싶을때 이미지 위에 별모양의 도형을 그린 후 clip()을 사용하면 배경이미지가 별모양 만큼만 보여지는 효과 입니다. 아래의 예제는 간단한 사각형와 원으로 clip() 구현한 예제 입니다.먼저 원을 그린 후 원을 마스크로 만듭니다.이후에 그려지는 오브젝트는 원 마스크 영역에서만 보여지게 됩니다.그럴경우 원을 그리기 전 ctx.save(); 마스크 오브젝트 그리기를 완료한 후 ctx.restore();를 해주시면 됩니다.하지만... 보기보다 마스크영역의 단면이 지저분 하네요. 뜯..

Develop/canvas 2015.08.10
이전
1
다음
더보기
프로필사진

Ready, Get Set, GO!

  • 분류 전체보기 (85)
    • Develop (74)
      • Jsp (0)
      • Asp (0)
      • JAVA (1)
      • MSSQL (1)
      • Javascript (5)
      • jQuery (0)
      • ExtJs (0)
      • Sencha (1)
      • CSS (3)
      • HTML (0)
      • Window Server (1)
      • Apach TomCat (0)
      • Node.js (14)
      • canvas (32)
      • Symfony (5)
      • RaspberryPi (6)
      • Linux (5)
    • Diary (1)
    • Photo (0)
      • 하율 (0)
      • momo (0)
    • ETC (3)

Tag

라즈베리파이, GitLab, fillText, 글자, 심포니, 튜토리얼, Canvas, 자바스크립트, rect, measureText, 텍스트, stroke(), strokeText, JavaScript, HTML5, arc(), Symfony, 캔버스, 글, 글쓰기,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바