Я хотел бы преобразовать свой HTML-отчет в 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".
Затем я вычисляю свое изображение заголовка текста, используя метод контекста Canvas 2d в javascript (метрики текста).
После этого я вычитаю 256px по моей вычисленной ширине текста и вычисляю число «& emsp», которое мне нужно, чтобы уместить первое изображение.
С помощью этого метода я могу поместить свой заголовок для двух моих изображений, но это неэффективно, поскольку мое второе изображение заголовка текста не всегда выравнивается по второму изображению.
Я ищу способы выровнять мой заголовок изображения по изображениям.