html5 canvas 이미지 합성/ 이미지 겹치기 source-over source-atop 동해둘리의 실전 프로젝트 html canvas 시리즈 #1
html5 canvas를 이용하여 이미지를 합성하거나 겹치기 source-over / source-atop 침대에 DP된 이불/베개/패드 등의 패턴을 내 맘대로 바꿀수 있게하자 최근에 작업하게된 프로젝트 중에서 아래 그림과 같이 침대에 DP되어 있는 이불/베개/패드 등의 각각의 요소를 원하는 패턴으로 만들어 볼 수 있는 즉, 패턴이미지를 합성할 수 있는 작업을 진행하게 되었습니다 위와 같이 흰색으로 구성된 침구세트의 각 부분을 원하는 패턴이미지로 바꾸어 보면서 원하는 디자인을 찾을 수 있게 해주는 프로젝트 였습니다. 해당프로젝트는 양모침구 전문브랜드 메리퀸에서 의뢰받은 프로젝트로서 앱으로도 개발하여 현재 구글플레이스토어와 애플 앱스토어에 등록되어 있습니다 구글플레이스토어와 애플 앱스토어에 등록되어 있습니..
IT공부방/HTML5, CSS
2019. 6. 11. 09:57
