旋转DIV元素

时间:2013-06-21 15:17:06

标签: pdf tcpdf

如何使用xhtml或html

旋转TCPDF中的div元素

用旋转css3测试没有工作

我需要帮助,css3在最新版本的TCPDF中工作?

-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;

1 个答案:

答案 0 :(得分:2)

TCPDF有一个很好的XHTML + CSS示例sample我已经改变了一点。

// define some HTML content with style
$html = <<<EOF
    <style>
    ...
        div.test {
            color: #CC0000;
            background-color: #FFFF66;
            font-family: helvetica;
            font-size: 10pt;
            border-style: solid solid solid solid;
            border-width: 2px 2px 2px 2px;
            border-color: green #FF00FF blue red;
            text-align: center;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
        }
    </style>
    <div class="test">example of rotated DIV with border and fill.<br />Some text.</div>
EOF;

// output the HTML content
$pdf->writeHTML($html, true, false, true, false, '');

//Close and output PDF document
$pdf->Output('RotatedDIV_Sample.pdf', 'I');