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。

只需将overflow="hidden"添加到fo:block-container。

在xsl-fo中显示图像的一部分

1 个答案: