CSS HTML Создание PDF-файла из изображения с текстом под ним

Я хочу создать PDF- файл с помощью плагина xepOnline.jqPlugin.js.

У меня есть изображение (на "фоне") и текст HTML под изображением. Я способен генерировать PDF-файл, но есть два разных элемента: изображение, а после изображения (а не под изображением) идет текст.

<!DOCTYPE html>
<html>
<head>
...
<script src="xepOnline.jqPlugin.js"></script>
</head>

<body>
<div id="page-show">
    <div class="image">
        <img src="img/Card.png" >
        <h3>TEXT</h3>
    </div>

    <button id="PrintButton" onclick="return xepOnline.Formatter.Format('page-show',{render:'download'});"/>

</div>
</body>
</html>

CSS для соответствующих элементов следующий:

#page-show{
    /* The main container div */
    width:355px;
    margin:90px auto 0;
}

div.img {
    height: 165px;
    text-align: center;
}   

div.img img {
    display: inline;
}

.image { 
    position: relative; 
    width: 100%; /* for IE 6 */
    text-align: center;
}

h3 { 
    position: absolute; 
    top: 164px; 
    width: 100%; 
    font-size: 16px;
}

Можно ли сгенерировать PDF-файл изображения с текстом под ним? (в том же формате, что и на странице HTML)

Источник

0 ответов

Другие вопросы по тегам