sorl-thumbnail 크기를 조정하고 배경을 추가하십시오.

저는 sorl-thumbnail을 사용하고 있으며 이미지 크기를 200x200로 조정하고 싶습니다. 이미지가 160x200이 될 것이라고 가정 해 봅시다. 흰색 배경 (또는 테두리)을 추가하여 결과 이미지 파일이 200x200이되도록하려면 어떻게해야합니까? sorl-thumbnail에서 가능합니까? 아니면이 기능을 추가 할 수 있습니까?sorl-thumbnail 크기를 조정하고 배경을 추가하십시오.

최저 자크

출처

2011-04-05 jacques

-1

난 당신이 160x200으로 다음 200x200 크기로 이미지 크기를 조정하고에 대해 무엇을 의미하는지에 의한 혼란 스러워요. 가장 긴면을 기준으로 비례하여 이미지를 자르시겠습니까? 그렇다면 다음을 수행 할 수 있습니다.

{% thumbnail something.image "200x200" as image %} 
    <img src="{{ image.url }}" alt="{{ something.name }}" /> 
{% endthumbnail %}

자르기와 관련하여 원하는 동작을 제공해야합니다.

실제로 이미지 위에 테두리를 오버레이하거나 CSS를 통해 테두리를 만드는 것이 적절합니까? 대신 당신이 실제로 이미지 자체를 변경하려면

img { 
    background-color: #fff; 
    padding: 2px; 
}

, 나는 당신이 (당신이 할 수있는 fork on GitHub here)는 당신이 필요로 할 수있는 소스 코드를 수정할 수 있습니다 확신합니다.

워터 마크와 같은 작업을 원한다면 django-photologue을 추천 할 수도 있습니다. sorl과 비교하여 사이트 이미지 수정 작업을 할 때 정말 좋았다.

출처

2011-04-05 23:22:40

나는 무엇을 의미 : 나는 비례 자르기 200x200 사용하고 있습니다 (비슷한 귀하의 첫 번째 예). 그러나 사각형이 아닌 이미지를 가지고있을 때이 코드는 예를 들어 160x200과 같은 형상을 가진 새로운 이미지 파일을 생성합니다. 이 이미지에 200x200 배경을 추가하는 방법이 있습니까? – jacques

원본 이미지의 종횡비를 변경하지 않고 자르기없이 모든 이미지 파일을 동일한 크기 (200x200)로 만듭니다. 크기가 조정 된 이미지 (예 : 160x200, 195x200, 200x130, 200x50, ...)에 테두리를 추가하여 이러한 파일을 모두 200x200 크기로 만들 수 있습니다. – jacques

이제 이것을 발견했습니다 : [링크] (http://taylanpince.com/blog/posts/sorlthumbnail-and-custom-processors/) 이 패드 기능은 내가 원하는 것을 수행하는 것처럼 보이지만, 장고를 처음 접했을 때,이 코드를 내 코드에 추가하는 방법과 템플릿에서 사용하는 방법을 알지 못합니다. 코드가 이전 버전의 sorl-thumbnail에 의존하는 것처럼 보입니다. 나는 무엇을해야할지 정말로 모른다. 최고 자크 – jacques

나는 조금 늦은 것 같아요,하지만 당신은 마진 속성에 답변 찾을 수 있습니다

짧은에서 :

{% thumbnail something.image "200x200" as image %} 
    <img src="{{ image.url }}" style="padding:{{ image|margin:"200x200" }}" /> 
{% endthumbnail %}

을 ... 그리고 설정하는 것을 잊지 마세요

img { background-color: #fff; }

문서에서 세부 사항 : http://thumbnail.sorl.net/template.html#margin

출처

2011-07-21 17:35:32

sorl-thumbnail 크기를 조정하고 배경을 추가하십시오.

답변

관련 문제