방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com html canvas reading glasses1 Html Canvas 자세히 보기(확대 보기, 크게 보기, 미리 보기, 돋보기 기능) * 게시글 하단의 제 깃허브 주소를 통해 실제 구현된 모습을 볼 수 있습니다 이번에 소개할 기능은 돋보기 기능(확대, 크게, 미리보기) 입니다. 돋보기 기능은 원본 이미지를 대상으로 마우스를 움직이면 사진이 크게 보이는 기능 입니다. 아래 사진처럼 이미지에 마우스를 움직이면서 해당 영역 사진이 크게보이는 기능 입니다. * 이러한 기능을 뭐라하는지 참 어렵네요.. 해당 기능을 만들기 위해서 먼저 동작과 이벤트를 고려하여 봅니다. 1. 사진이 있는 영역 2. 마우스가 움직이면서 돋보기가 가르키는 영역 3. 돋보기가 가르킨 영역의 내용이 보이는 영역 동작과 이벤트를 고려하면 캔버스가 총 3개가 필요합니다. 캔버스를 이처럼 기능과 역할에 의해 나누는 이유는, 불필요한 렌더링을 막기 위해서 입니다. 만약 1번과 .. 2021. 8. 17. 이전 1 다음
