Question

假设我有一张图片＆＃34; tall.png＆＃34;这对于放置它的块来说太高了。我希望图像能够自动缩小以适应父块。

我的意思的一个简单例子：

<fo:block-container height="10cm" width="10cm" border="solid 0.5px black">
  <fo:block>
    <fo:external-graphic src="tall.png"
       content-width="scale-down-to-fit" content-height="scale-down-to-fit"
       width="100%" height="100%"/>
  </fo:block>    
</fo:block-container>

以上代码似乎不起作用。生成的PDF显示图像溢出块容器。另一方面，如果我这样做......

<fo:block-container height="10cm" width="10cm" border="solid 0.5px black">
  <fo:block>
    <fo:external-graphic src="tall.png"
       content-width="scale-down-to-fit" content-height="scale-down-to-fit"
       width="10cm" height="10cm"/>
  </fo:block>    
</fo:block-container>

这似乎有效。这让我感到惊讶，因为当你使用百分比（http://www.w3schools.com/xslfo/prop_height.asp）时，height属性应该引用包含块的高度。这让我觉得在我的例子中使用100％并使用10cm应该完全相同，但它们不会产生相同的结果。

对于我想要解决的实际问题，我无法对外部图形的宽度和高度进行硬编码。我需要它只是保持在其父块的高度/宽度内，无论可能是什么。知道如何实现这个目标吗？

当百分比指定高度时，为什么外部图形按比例缩小不适合？

0 个答案: