javascript에서 html5 캔버스 이미지 격자

Question

캔버스가있는 이미지 격자를 만들려고하는데 특정 이미지를 클릭 할 때 작업을 수행하는 방법을 모르겠습니다. 이 웹 사이트 https://big.dk/#projects과 같은 기능을 구현하고 싶지만 이해 하기엔 너무 복잡합니다. 가능한 경우 JQuery 대신 Angularjs를 사용하는 것이 좋습니다. 격자를 사용하여 이미지를 정렬하기 위해 테이블을 사용하고 싶습니다. 캔버스를 사용하지 않고 이런 종류의 기능을 구현할 수 있습니까? 어떤 제안이라도 큰 도움이 될 것입니다. 고맙습니다.

Answer 1

네, 물론 당신은 은 아마 이것이 당신이

그리고 당신을 jsfiddle.net/webtiki/MpXYr/2/ 도움이 될 수 있습니다 캔버스를 사용하거나 부트 스트랩 그리드를 사용하거나 당신이 좋아하는 다른 그리드 시스템없이 만들 수 있습니다 마우스 오버시 부드러운 이미지 확대 (크기 변경)를 위해 전환 CSS를 사용해야합니다.