图像边框上的圆角 - 图像延伸到边框之外

Question

我想在我的出版物中为图像添加带圆角的边框。

使用Antennahouse这很简单：

<fo:block border="1pt solid black" axf:border-radius="4mm">

但是当我在此块内放置图像时，图像会延伸到矩形的角落，即图像在圆角外的区域（上图中的黑色区域）中可见。

是否可以隐藏圆角外的图像区域？

我尝试使用z-index堆叠2张图片：z-index = 1表示包含边框和透明中心的图片，z-index = 0表示照片。这种作品，但因为我有可变尺寸的图像，我必须调整边框图像的大小，我最终得到不同的边框厚度和半径。

Answer 1

我遇到了类似HTML / CSS的问题，我通过改变圆角的元素的可见性和背景剪辑属性来解决这个问题。有关线索，请参阅Should border-radius clip the content?。

Answer 2

迄今为止我能够提出的最好的结果：

<fo:block-container margin="6pt" border="1pt solid black" axf:border-radius="4pt">
    <fo:block-container margin-left="-1pt" margin-top="-3pt" margin-bottom="-5pt">
        <fo:block margin-left="0">
            <fo:external-graphic src="logo.png" border="2pt solid white" axf:border-radius="5pt"/>
        </fo:block>
    </fo:block-container>
</fo:block-container>