32. globalCompositeOperation - 색상 블렌딩모드 (합성)

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. globalCompositeOperation캔버스에 그리려는 색이 그려져 있던 색과 겹쳐질때 어떤식으로 조합할지 지정합니다. 포토샵을 해보신 분들은 아시겠지만 레이어마다 블렌딩모드 라는 옵션이 있습니다. 그거와 비슷하다 보시면 될거 같습니다.globalCompositeOperation = type아래의 값 중에서 'source'라는 단어는 지금 캔버스에 그리려는 색을 말하며, 'desination'이라는 단어는 기존에 캔버스에 그려져 있던 색을 말합니다. 기본 동작은 'source-over" 입니다. copy : 새 도형만 그리고 나머지는 모두 제거한다.darker : 두 도형이 겹치는 부분에서는 두 색의 차이 값을 구하여 최종 색을..
Develop/canvas 2015. 8. 10. 15:35
fillStyle - 면의 색상

guriZzang.com에서 더 많은 html5, canvas의 튜토리얼을 보실 수 있습니다. guriZzang.com 스터디블로그 바로가기 원문 : http://gurizzang.com/view/board/bbsView.asp?menuCode=45&bbsCode=36&bbsSeq=1134 DEMO
Develop/canvas 2015. 6. 30. 02:04
1