가로 세로 비율을 보존하면서 이미지 크기를 조정하고 사각형에 맞 춥니 다

내 웹 사이트에 약간의 작업을하고 있고 이미지를 자동 크기 조정하고 싶습니다. 그러나 자동 크기 조정뿐만 아니라 비례 유지 나는 그들의 너비 또는 높이의 크기를 조정합니다. 새로운 공간을 보완하기 위해 흰 테두리를 추가하고 싶습니다.가로 세로 비율을 보존하면서 이미지 크기를 조정하고 사각형에 맞 춥니 다

나는 과거에 어떤 이미지 작업도 해 본 적이 없지만 어떻게해야합니까?

출처

2012-05-25 Andrew

지금까지 해보신 것은 무엇입니까? 이미 이미지를 크기를 조정할 수있는 많은 질문이 있습니다. 내 대답은 여기에 : http://stackoverflow.com/questions/10106792/resize-image-by-pixel-amount/10109195#10109195 – Widor

winforms로 태그가 붙어 있지만 귀하의 웹 사이트를위한 것입니다. –

너비가 맞는지 높이를 계산 한 다음 컨테이너의 높이에 대해 확인하십시오.

x = (containerWidth - newWidth)/2; 
y = (containerHeight - newHeight)/2;

출처

2012-05-25 16:59:28 Guffa

그래서 이미지를 가운데에 배치하는 방법/img 태그에서 이미지를 사용하는 방법? @guffa – nickornotto

@ user1611620 : 여러 가지 방법이 있습니다. 예를 들어 패딩이나 여백을 사용하여 좌표 또는 절대 위치에 따라 이미지 태그를 배치 할 수 있습니다. – Guffa

얘기하는 경우 단일 소스 : 그것을 중앙에 이미지를 배치 할 위치를 이제

newHeight = oldHeight * containerWidth/oldWidth; 
if (newHeight <= containerHeight) { 
    newWidth = containerWidth; 
} else { 
    newWidth = oldWidth * containerHeight/oldHeight; 
    newHeight = containerHeight; 
}

당신은 계산할 수 있습니다 더 높은 있다면, 그 높이에 맞게 수 있도록 폭을 계산 기본 이미지를 업로드하고 쿼리 문자열을 통해 버전을 요청하면 이미 도와 드릴 수 있습니다.

저는 http://imageresizing.net/의 저자입니다. 애드온 플러그인이 지원하는 오픈 소스 라이브러리입니다.

원하는 기능이 무료 코어에 포함되어 있습니다. 즉, 너비 = 100 & 높이 = 100을 설치하여 모든 이미지 URL에 추가하십시오.

ASP.NET에서 이미지 처리를하는 것은 매우 까다 롭습니다. 당신은 강한 Win/C++ 배경을 가지고 있지 않다면 정말로 그것을해서는 안됩니다. .NET은 System.Drawing 인스턴스를 가비지 수집하지 않습니다.

출처

2012-05-28 21:45:31

가로 세로 비율을 보존하면서 이미지 크기를 조정하고 사각형에 맞 춥니 다

답변

관련 문제