HTML5 썸네일형 리스트형 Pixel Destroy in HTML5 캔바스에 그려진 이미지의 클릭된 위치를 투명하게 구멍을 뚫어주는 쉬운 예 캔바스에 그려진 이미지 데이터를 얻는 방법으로 canvas.getImageData()를 이용하면 모든 픽셀을 직접 편집할 수는 있지만 매우 저수준의 작업을 요하기 때문에 코드량이 많아지지만 아래의 방법을 이용하면 캔바스에 그려진 이미지의 특정 지점( 마우스로 클릭한 영역)을 투명하게 만드는데 적은 량의 코드를 사용해도 된다. 게임과 같은 주제에서 특정 픽셀을 제거하고 배경이 보이도록 구멍을 뚫어주는 효과를 낼 수 있을 것이다. 개발자가 구상한 임의의 모양으로 구멍을 낼 수 있기 때문에 재미있게 응용할 수 있을 것 같다. 더보기 이전 1 ··· 3 4 5 6 7 8 9 ··· 48 다음