Plone 및 Archetypes로 크기를 조정하는 대신 이미지 자르기

Question

크기 조정 (이미지 형식을 Archetypes) 대신 이미지를 자르므로 왼쪽 상단 모서리 (또는 모든 모서리)가 지정된 비율로 자동 표시됩니다.

Plone에서 어떤 옵션/추가 기능을 사용할 수 있습니까?

Answer 1

이미지를 서버 측에서 자르고 이미지의 얼룩 복사본을 유지하는 것은 너무 힘듭니다.

대신에, 단지 전형으로 파일 업로드 제한이 작은 합리적인 파일을 보관 유효성 검사기 설정 :

http://collective-docs.readthedocs.org/en/latest/content/archetypes/files.html#setting-max-file-size-to-filefield-and-imagefield

그런 이미지 자르기는 CSS를 사용하여. 왼쪽 상단 작물에 대한

관련 CSS :

.product-listing .info-box .main-image-wrapper { 
    display: block; 
    background: white; 
    border: 1px solid #eee; 
    width: 280; 
    height: 205px; 
    padding: 10px; 

    margin-bottom: 30px; 
    box-shadow: 0 0 3px #aaa, 0 5px 3px #aaa; 

    transition: background 0.5s, box-shadow 0.5s; 
    -moz-transition: background 0.5s, box-shadow 0.5s; /* Firefox 4 */ 
    -webkit-transition: background 0.5s, box-shadow 0.5s; /* Safari and Chrome */ 
    -o-transition: background 0.5s, box-shadow 0.5s; /* Opera */ 
} 

.product-listing .info-box .main-image-container { 
    display: block; 
    width: 280px; 
    height: 205px; 
    background: transparent no-repeat top left; 
} 

.product-listing .info-box .main-image-wrapper:hover { 
    background: #eee; 
    box-shadow: 0 0 3px #aaa, 0 6px 5px #666; 
} 

관련 TAL은 :

<a class="main-image-wrapper" tal:attributes="href python:view.getTargetLink(context)" tal:condition="python:getattr(product.aq_base, 'image', None) != None"> 
    <div class="main-image-container" 
     tal:attributes="style string:background-image:url(${context/absolute_url}/@@images/image)" 
     class="main-image"> 

     <!-- --> 

    </div> 

</a> 

Answer 2

나는 이것을 달성하기위한 애드온을 모른다. 그래서 나는 대답 할 것이다 : 당신은 그것을 개발해야한다.

Answer 3

나는 p.a.imaging에 지점으로 얼마 전에 클라이언트에 대한이 일을 시작했다. 그것은 통합하지있어 결코하지만 그대로 희망 당신은 거의 사용할 수 있습니다 :

https://github.com/plone/plone.app.imaging/tree/ggozad-cropping

Answer 4

당신은 새로운 부가 기능 plone.app.imagecropping에 관심이있을 수 있습니다. 이것은 ggozad의 plone.app.imaging 분기를 기반으로하며 plone FTW 결정 (plip #10174 참조)으로 인해 분해되었습니다. 현재 사용 가능한 릴리즈가 없지만 가까운 장래에 변경 될 예정입니다.