CSS/JS를 사용하여 웹에서 이미지 자르기

크기가 다른 일부 이미지를 얻었으므로 일부 축소판을 만들고 싶습니다. 오버플로를 사용하면 숨겨진 출력 이미지가 원본 이미지의 왼쪽 상단에 표시됩니다. 이미지의 중심이되고 싶습니다. 원하는 픽셀을 원하는대로 지정할 수 있습니다. 유용 ...CSS/JS를 사용하여 웹에서 이미지 자르기

출처

2012-03-11 Mahdi Solaman.n

img을 사용하는 대신 div을 배경으로 사용하고 CSS background-position 속성을 사용하여 중앙에 배치 할 수 있습니다. 또는 div 안에 img을 사용하고 overflow: hidden을 사용하고 이미지의 여백을 사용하여 중앙에 배치 할 수 있습니다.

그러나 참고로 미리보기 이미지는 서버 측에서 생성되어야하며, 그렇지 않으면 전체 이미지가 전송됩니다.

출처

2012-03-11 17:12:01

+1 서버 측 미리보기 이미지 생성에 대한 조언을드립니다! –

정보를 제공해 주셔서 감사합니다.하지만 여전히 오프라인이며이를 수행 할 서버가 없습니다. 또한 전체 이미지를 보내고 크기를 조정하여 사용자가 이미지를 열도록하고 싶습니다. 이 div 메서드는 꽤 좋고 간단합니다. 감사합니다. 다른 모든 방법은 너무 좋을 것이다. 나는 이미지 div 배경을 만들기 위해 전체 스크립트를 편집해야만한다. ... –

작은 이미지가 전체 이미지의 일부분입니까? 왜 서버에서 이미지 크기를 조정하고 이미지 태그 안에 미리 정의 된 크기로 표시합니까? 이미지 크기가 크지 않고 다음을 수행하는 경우 서버 측 크기 조정을 건너 뛸 수 있습니다. <img src="image.jpg" alt="Some image" height="42" width="42" />. 원하는 크기로 이미지 크기를 변경하십시오.

출처

2012-03-11 17:13:01

글쎄, 그것은 비율을 떨어 뜨리고 이미지는 총 난장판처럼 보이지만 어쨌든 고맙다. :) –

CSS/JS를 사용하여 웹에서 이미지 자르기

답변

관련 문제