我想将HTML报告转换为docx。我在docx页面上并排放置了2张图片。
对于我的第一次尝试,我只使用下面的html即可实现我所需要的:
<div>
<img width="256px" height="256px" src="imga1.png"/>
<!-- I use this to simulate margin-right -->
<span> </span><span> </span><span> </span><span> 
</span>
<img width="256px" height="256px" src="image2.png"/>
<div>
现在,我想为每个图像添加一个标题,这样会造成复杂性。
作为一个假设,我的第一个文本标题不会超过256像素(因为它是图像的大小)。 256px对应16个“&emsp”。
然后,我使用javascript(文本指标)中的canvas 2d上下文方法来计算文本标题图像。
然后,我将计算出的文字宽度减去256像素,并计算出适合第一张图像的“&emsp”数。
使用这种方法,我可以将标题放置在我的2张图片中,但是效率不高,因为我的文本第二标题图片并不总是与第二张图片对齐。
我正在寻找使图像标题与图像对齐的方法。