본문 바로가기 메뉴 바로가기

Ready, Get Set, GO!

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Ready, Get Set, GO!

검색하기 폼
  • 분류 전체보기 (78)
    • Develop (70)
      • 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 (1)
    • Diary (1)
    • Photo (0)
      • 하율 (0)
      • momo (0)
    • ETC (3)
  • 방명록

전체 글 (78)
23. save() - 현재 스타일저장

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. .save() .save()가 실행되기 전 canvas의 상태값을 저장(캡쳐)합니다. 복수의 캡쳐가 가능합니다. .save()로 저장되는 상태값은 아래와 같습니다. strokeStyle fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation, font, textAlign, textBaseline, direction, imageSmoothingEnabled. save() 메소드를 호출할 때마다 순차적으로 ..

Develop/canvas 2015. 8. 10. 15:30
22. Slicing - 이미지 자르기(크롭)

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. .drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)이미지를 자릅니다.

Develop/canvas 2015. 8. 10. 15:30
21. drawImage() - 이미지 사용하기

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. .drawImage( img,x,y,width,height )

Develop/canvas 2015. 8. 10. 15:29
20. nonzero - 필터규칙

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. 채우기( fill() )등을 사용하는 경우 두가지의 내부 알고리즘을 이용할 수 있습니다. "nonzero": The non-zero winding rule, which is the default rule."evenodd": The even-odd winding rule. ctx.fill()의 경우 기본값인 ctx.fill('nonzero')와 동일 합니다. 아래의 샘플을 보시면 왼쪽은 evenodd로 채우기, 투명, 채우기, 투명이 적용되었으나 오른쪽은 기본설정인 nonzero가 적용되어 전체 색상이 칠해진 것을 확인할 수 있습니다. Source ?1234567891011121314151617181920212223function dr..

Develop/canvas 2015. 8. 10. 15:28
19. shadow - 그림자

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다.

Develop/canvas 2015. 8. 10. 15:28
18. createPattern - 패턴만들기

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. .createPattern( img,type )캔버스 요소에 패턴 오브젝트를 생성 합니다. 글쓴 날자를 기준으로 파이어폭스는 repeat속성만 지원합니다. 캔버스 크기가 0x0픽셀일경우 오류가 발생 합니다.

Develop/canvas 2015. 8. 10. 15:27
17. gradient - 선과 면에 그라디언트 주기

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. .createLinearGradient( x1,y1,x2,y2 )선 혹은 면에 선형 그라디언트를 적용합니다..createRadialGradient( x1,y1,r1,x2,y2,r2 )인자 : x1,y1설명 : 안쪽 원형 그라디언트의 중심 좌표 입니다.인자 : r1설명 : 안쪽 원형의 반지름 입니다.인자 : x2,y2설명 : 바깥쪽 원형 그라디언트의 중심 좌표 입니다.인자 : r2설명 : 바깥쪽 원형의 반지름 입니다.원형 그라디언트는 두개의 원에 그라디언트 단계를 만든다고 생각하시면 됩니다. 시작되는 작은원과 종료되는 큰 원을 만든 후 그 두 색의 색단계를 표현하는 방식인데요. 하이라이트등의 표현은 시작 원의 크기와 좌표에 변화를 주시..

Develop/canvas 2015. 8. 10. 15:27
16. setLineDash() - 점선만들기

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. setLineDash( [int d, int m] )선의 점선모양 만들기

Develop/canvas 2015. 8. 10. 15:26
15. lineStyle - lineJoin 선의 연결지점(모서리)의 모양

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. http://gurizzang.com/view/board/bbsView.asp?menuCode=45&bbsCode=36&bbsSeq=1140 lineJoin 도형을 이루는 선이나 호등의 연결지점(모서리)의 모양을 설정

Develop/canvas 2015. 8. 10. 15:25
LineStyle - lineCap 선의 끝점모양

guriZzang.com에서 더 많은 html5, canvas의 튜토리얼을 보실 수 있습니다.guriZzang.com 스터디블로그 바로가기 lineCap선의 끝점 보양을 결정.

Develop/canvas 2015. 6. 30. 08:30
이전 1 2 3 4 5 6 7 8 다음
이전 다음
공지사항
최근에 올라온 글
  • 맥북 2012 Late SSD 교체⋯
  • Gitlab Apache Virtualhos⋯
  • 4. 라즈베리파이 웹서버⋯
  • 3. 라즈베리파이 웹서버⋯
최근에 달린 댓글
  • 공간제약이 크지 않으면 어댑⋯
  • (주인장은 필요없겠지만 구글⋯
Total
57,920
Today
7
Yesterday
45
링크
TAG
  • fillText
  • 배경색
  • 글쓰기
  • Fill
  • arc()
  • Bezier
  • Symfony
  • measureText
  • 곡선
  • rect
  • strokeText
  • GitLab
  • 튜토리얼
  • 도형그리기
  • 심포니
  • Canvas
  • 라즈베리파이
  • save
  • 글자
  • 베지어
  • 캔버스
  • 글
  • translate
  • HTML5
  • 자바스크립트
  • virtualhost
  • JavaScript
  • stroke()
  • Round
  • 텍스트
more
«   2021/02   »
일 월 화 수 목 금 토
  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            
글 보관함
  • 2019/09 (10)
  • 2017/07 (5)
  • 2015/08 (24)
  • 2015/06 (14)
  • 2014/08 (4)

Blog is powered by Tistory / Designed by Tistory