TYPO3 - 같은 이미지 처리를위한 유체

Question

내가 무시 cropVariants와 TYPO3 8.7에 반응하는 이미지 자르기 옵션을 렌더링 :

https://docs.typo3.org/typo3cms/extensions/core/8.7/Changelog/8.7/Feature-79812-AllowOverridingCropVariantsForImageManipulation.html

을하지만 어떻게 내가 유체의 특정 cropVariant에 따라 FIRST 이미지를 렌더링 할 수 있습니까? @media (최대 너비 : 575 픽셀) {} ...에 '모바일'이라고 말하시겠습니까?

<f:debug>{data}</f:debug> 

array(85 items) 
... 
    media => array(1 item) 
     0 => TYPO3\CMS\Core\Resource\FileReferenceprototypeobject 
     propertiesOfFileReference => protectedarray(35 items) 
      ... 
      crop => '{"desktop":{"cropArea":{"x":0.011,"y":0,"width":0.924,"height":0.99047619047 
       619},"selectedRatio":"NaN","focusArea":null},"mobile":{"cropArea":{"x":0.094,"y":1.917337540 
       94e-15,"width":0.786,"height":0.99809523809524},"selectedRatio":"3:2","focus 
       Area":null}}' (392 chars) 
... 

Answer 1

당신은이 같은 viewhelper 유체 이미지의 작물 속성을 사용할 수 있습니다 :

템플릿에

디버그 첫 번째 작물에 대해 다음 미디어 파일 (JPG 이미지를) '의 새로운 관계를 만들기'에 대한 표시

<f:image src="{image}" crop="{image.crop}" /> 

https://fluidtypo3.org/viewhelpers/fluid/master/ImageViewHelper.html

Answer 2

<f:image 
    src="{image.0.uid}" 
    treatIdAsReference="1" 
    width="1140" 
    height="375" 
    cropVariant="desktop" 
/>