1

xepOnline.jqPlugin.jsプラグインを使用して PDFファイルを生成したいと考えています。

画像 (「背景」) と画像の下に HTML テキストがあります。PDF ファイルを生成することはできますが、2 つの異なる要素があります。画像と、画像の後 (画像の下ではなく) にテキストが続きます。

<!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 ページに表示されるのと同じ形式)

4

0 に答える 0