Jan*_*ert 1 java image apache-fop
我正在尝试将图像缩小到精确的规格,87mm x 10mm但我没有将其缩小到正确的尺寸。
我正在使用 Apache FOP 2.0,这是我的 fop.xconf:
<fop version="1.0">
<strict-configuration>true</strict-configuration>
<strict-validation>true</strict-validation>
<base>./</base>
<font-base>./</font-base>
<source-resolution>72</source-resolution>
<target-resolution>72</target-resolution>
<default-page-settings height="11in" width="8.26in"/>
</fop>
Run Code Online (Sandbox Code Playgroud)
这是应该显示图像的代码片段,它显示图像,但永远不会达到我指定的大小。
<fo:flow flow-name="xsl-region-body">
<fo:block font-size="3pt" text-align="center" font-weight="bold">
<fo:external-graphic src="data:image/png;base64, {{barcodeimage}}" content-width="87mm" width="100%" content-height="10mm" scaling="non-uniform"/>
</fo:block>
<fo:block font-size="8pt" text-align="center" font-weight="bold">
{{barcodetext}}
</fo:block>
</fo:flow>
Run Code Online (Sandbox Code Playgroud)
切换到高度和宽度,图像根本不会调整大小:
<fo:external-graphic src="data:image/png;base64, {{barcodeimage}}" width="87mm" height="10mm" scaling="non-uniform"/>
Run Code Online (Sandbox Code Playgroud)
我尝试过使用pt而不是mm没有成功,尝试切换到px使用这个公式px = mm * dpi / 25.4但仍然没有运气。
使用em代替mm和content-width代替width,图像缩小,但我不知道如何转换为mm单位em。
我需要的是按比例显示大图像的87mm宽度和10mm高度,正确的方法是什么?
更新:图像显示正确,页面大小不正确,这是在 Okular PDF Viewer 中截取的屏幕截图:
这是我的整页 XML:
<?xml version="1.0" encoding="utf-8"?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
<fo:layout-master-set>
<fo:simple-page-master master-name="simple" page-height="29.7cm" page-width="21cm" margin="1cm">
<fo:region-body margin-top="18mm"/>
<fo:region-before extent="0"/>
<fo:region-after extent="0"/>
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="simple">
<!-- Page Header Goes Here -->
<fo:static-content flow-name="xsl-region-before">
<fo:block font-size="8pt" text-align="center" font-weight="normal">
Test BarCode
</fo:block>
</fo:static-content>
<!-- Page Footer Goes Here -->
<fo:static-content flow-name="xsl-region-after">
<fo:block font-size="8pt" text-align="center">
Page
<fo:page-number/>
</fo:block>
</fo:static-content>
<!-- Page Body Goes Here -->
<fo:flow flow-name="xsl-region-body">
<fo:block text-align="center">
<fo:external-graphic src="data:image/png;base64, barcodeimage" content-width="87mm" content-height="10mm" scaling="non-uniform"/>
</fo:block>
<fo:block font-size="5pt" text-align="center" font-weight="normal">
barcodetext
</fo:block>
</fo:flow>
</fo:page-sequence>
</fo:root>
Run Code Online (Sandbox Code Playgroud)
您应该能够使用content-width,content-height和来实现您所需要的scaling:
<fo:external-graphic src="data:image/png;base64, {{barcodeimage}}"
content-width="87mm" content-height="10mm"
scaling="non-uniform"/>
Run Code Online (Sandbox Code Playgroud)
总结一下不同属性的作用:
content-width并content-height控制图像大小scaling控制图像长宽比(保留或修改以适合所需的图像尺寸)width并height控制查看图像的视口大小;它可能大于图像尺寸,从而留下一些空白,或者小于图像尺寸overflow说明如果视口尺寸小于图像尺寸该怎么办(披露:我是一名 FOP 开发人员,尽管最近不太活跃)