표시 부분 XSL은-FO

Question

나는 이미지의 부분 만 보여 XSL-FO이 같은 뭔가가 필요 :

<div id="sample"> 
    <img src="img.png"> 
</div> 

#sample{ 
    width:200px; 
    height:200px; 
    overflow:hidden; 
    position: relative; 
    border: 1px solid black; 
} 

#sample img { 
    position: absolute; 
    top: -100px; 
    left: -100px; 
} 

이 같은 뭔가 시도하고를했지만 작동하지 않습니다

<fo:block-container position="absolute" width="400pt" height="400pt"> 
    <fo:block-container position="relative" left="-300pt" top="-300pt" height="2000pt" width="1600pt"> 
     <fo:block height="100%" width="100%"> 
      <fo:external-graphic height="100%" width="100%" content-width="scale-to-fit" scaling="uniform" src="url('img.png')"/> 
     </fo:block> 
    </fo:block-container> 
</fo:block-container> 

Answer 1

overflow는 CSS와 XSL-FO 간의 공통되는 많은 특성 중 하나이다 : 대신 부의 전체 이미지이다. https://www.w3.org/TR/xsl11/#overflow을 참조하십시오.

fo:block-container에 overflow="hidden"을 그냥 추가하십시오.