Reflex iText Sample

機能説明 (2/4)

拡張機能

Reflex iTextでは、図形、バーコード、グラフの作成ができます。

テンプレートには <div class="_xxx"> の形で指定します。

図形

line

線を引きます。

属性style属性内容初期値指定方法
stylelinewidth線の幅1数値
stylecolor線の色#000000#xxxxxx
stylex1, y1開始点の座標(なし)数値
stylex2, y2終了点の座標(なし)数値
stylelinedushon描画する線を破線にする場合、表示部分の長さを設定1数値
stylelinedushoff描画する線を破線にする場合、非表示部分の長さを設定0数値
lineタグの属性

lineタグのサンプル

  • テンプレート (linesample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <div class="_line" style="x1:0; y1:500; x2:100; y2:400;" />
        <div class="_line" style="x1:0; y1:300; x2:100; y2:200; linewidth:3; color:#FF0000;" />
        <div class="_line" style="x1:400; y1:300; x2:500; y2:200; linewidth:3; color:#FF0000; linedushon:3; linedushoff:2;" />
    </div>
    
    </body>
    </html>
    
    
  • Reflex iText 実行結果
  • サンプル実行
LineSample実行結果

rectangle

四角形を描画します。

属性style属性内容初期値指定方法
stylelinewidth線の幅1数値
stylewidth四角形の幅0数値
styleheight四角形の高さ0数値
stylecolor四角形の線の色#000000#xxxxxx
styleabsolutex, absoluteyページ内の絶対座標(なし)ページ左下を基点とし、四角形の左下角の座標を指定。
stylelinedushon描画する線を破線にする場合、表示部分の長さを設定1数値
stylelinedushoff描画する線を破線にする場合、非表示部分の長さを設定0数値
rectangleタグの属性

rectangleタグのサンプル

  • テンプレート (rectanglesample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <div class="_rectangle" style="absolutex:100; absolutey:400; width:100; height:80;" />
        <div class="_rectangle" style="absolutex:100; absolutey:200; width:100; height:80; linewidth:3; color:#FF0000;" />
        <div class="_rectangle" style="absolutex:400; absolutey:200; width:100; height:80; linewidth:3; color:#FF0000; linedushon:3; linedushoff:2;" />
    </div>
    
    </body>
    </html>
    
    
  • Reflex iText 実行結果
  • サンプル実行
RectangleSample実行結果

roundrectangle

角を丸めた四角形を描画します。

属性style属性内容初期値指定方法
stylelinewidth線の幅1数値
stylewidth四角形の幅0数値
styleheight四角形の高さ0数値
styleroundr角の曲率1数値
stylecolor四角形の線の色#000000#xxxxxx
styleabsolutex, absoluteyページ内の絶対座標(なし)ページ左下を基点とし、四角形の左下角の座標を指定。
stylelinedushon描画する線を破線にする場合、表示部分の長さを設定1数値
stylelinedushoff描画する線を破線にする場合、非表示部分の長さを設定0数値
roundrectangleタグの属性

roundrectangleタグのサンプル

  • テンプレート (roundrectanglesample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <div class="_roundrectangle" style="absolutex:100; absolutey:400; width:100; height:80;" />
        <div class="_roundrectangle" style="absolutex:100; absolutey:200; width:100; height:80; roundr:8; linewidth:3; color:#FF0000;" />
        <div class="_roundrectangle" style="absolutex:400; absolutey:200; width:100; height:80; roundr:8; linewidth:3; color:#FF0000; linedushon:3; linedushoff:2;" />
    </div>
    
    </body>
    </html>
    
    
  • サンプル実行
  • Reflex iText 実行結果
    RoundrectangleSample実行結果

circle

円を描画します。

属性style属性内容初期値指定方法
stylelinewidth線の幅1数値
styleabsolutex, absoluteyページ内の絶対座標(なし)ページ左下を基点とし、円の左下角の座標を指定。
styleradius円の半径(なし)数値
stylelinedushon描画する線を破線にする場合、表示部分の長さを設定1数値
stylelinedushoff描画する線を破線にする場合、非表示部分の長さを設定0数値
stylecolor円の線の色#000000#xxxxxx
circleタグの属性

circleタグのサンプル

  • テンプレート (circlesample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <div class="_circle" style="absolutex:100; absolutey:400; radius:50;" />
        <div class="_circle" style="absolutex:100; absolutey:200; radius:50; linewidth:3; color:#FF0000;" />
        <div class="_circle" style="absolutex:400; absolutey:200; radius:50; linewidth:3; color:#FF0000; linedushon:3; linedushoff:2;" />
    </div>
    
    </body>
    </html>
    
    
  • Reflex iText 実行結果
  • サンプル実行
CircleSample実行結果

バーコード

barcodeEAN

JAN(EAN、UPC)規格のバーコードを出力します。

属性style属性内容初期値指定方法
stylevalueバーコードに表示する値4512345678901数字、もしくは"$" + エンティティの項目名
styleheight高さ30数値
stylesize文字のサイズ10数値
stylewidth0.75数値
stylefontフォント名(なし)文字を表示しない場合、"null"を指定する。
barcodeEANタグの属性

barcodeEANタグのサンプル

  • テンプレート (barcodeEANsample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <table cellpadding="3">
            <tr>
                <td>
                    <div class="_barcodeEAN" style="value:4900000000000;" />
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeEAN" style="value:$barcodeValue;" />    <!-- エンティティの項目指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeEAN" style="value:4922222222222; height:40; size:12; width:2;" />    <!-- 属性指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeEAN" style="value:4933333333333; font:null" />    <!-- 文字表示なし -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeEAN" style="value:4933333333333; font:HeiseiMin-W3" />    <!-- フォント指定 -->
                </td>
            </tr>
        </table>
    </div>
    
    </body>
    </html>
    
    
  • エンティティ (BarcodeEAN.java)
    package jp.reflexworks.test.model;
    
    public class BarcodeEAN {
    
        public String barcodeValue = "4911111111111";
    
    }
    
    
  • XML (barcodeEAN.xml)
    <?xml version="1.0" encoding="UTF-8" ?>
    <barcodeEAN>
        <barcodeValue>
            4911111111111
        </barcodeValue>
    </barcodeEAN>
    
    
  • JSON (barcodeEAN.json)
    {"barcodeEAN" : {"barcodeValue" : "4911111111111"}}
    
    
  • Reflex iText 実行結果
  • サンプル実行
BarcodeEANSample実行結果

barcodeNW7

NW-7(CODABAR)規格のバーコードを出力します。

属性style属性内容初期値指定方法
stylevalueバーコードに表示する値4512345678901文字列、もしくは"$" + エンティティの項目名
styleheight高さ30数値
stylesize文字のサイズ10数値
stylewidth0.75数値
stylestartstopスタートストップ文字の有無truetrue/false
stylefontフォント名(なし)文字を表示しない場合、"null"を指定する。
barcodeNW7タグの属性

barcodeNW7タグのサンプル

  • テンプレート (BarcodeNW7sample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <table cellpadding="3">
            <tr>
                <td>
                    <div class="_barcodeNW7" style="value:A000000A;" />
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeNW7" style="value:$barcodeValue;" />    <!-- エンティティの項目指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeNW7" style="value:C222222C; height:40; size:12; width:2;" />    <!-- 属性指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeNW7" style="value:D333333D; startstop:false" />    <!-- スタートストップ文字なし -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeNW7" style="value:A444444A; font:null;" />    <!-- 文字表示なし -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcodeNW7" style="value:A444444A; font:HeiseiMin-W3;" />    <!-- フォント指定 -->
                </td>
            </tr>
        </table>
    </div>
    
    </body>
    </html>
    
    
  • エンティティ (BarcodeNW7.java)
    package jp.reflexworks.test.model;
    
    public class BarcodeNW7 {
    
        public String barcodeValue = "B111111B";
    
    }
    
    
  • XML (barcodeNW7.xml)
    <?xml version="1.0" encoding="UTF-8" ?>
    <barcodeNW7>
        <barcodeValue>
            B111111B
        </barcodeValue>
    </barcodeNW7>
    
  • JSON (barcodeNW7.json)
    {"barcodeNW7" : {"barcodeValue" : "B111111B"}}
    
    
  • サンプル実行
  • Reflex iText 実行結果
    BarcodeNW7Sample実行結果

barcode39

code39規格のバーコードを出力します。

属性style属性内容初期値指定方法
stylevalueバーコードに表示する値4512345678901文字列、もしくは"$" + エンティティの項目名
styleheight高さ30数値
stylesize文字のサイズ10数値
stylewidth0.75数値
stylestartstopスタートストップ文字の有無truetrue/false
styleextended拡張truetrue/false
stylefontフォント名(なし)文字を表示しない場合、"null"を指定する。
barcode39タグの属性

barcode39タグのサンプル

  • テンプレート (Barcode39sample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <table cellpadding="3">
            <tr>
                <td>
                    <div class="_barcode39" style="value:AAA000-0;" />
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode39" style="value:$barcodeValue;" />    <!-- エンティティの項目指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode39" style="value:CCC222-2; height:40; size:12; width:2;" />    <!-- 属性指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode39" style="value:DDD333-3; startstop:false;" />    <!-- スタートストップ文字なし -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode39" style="value:EEE444-4; extended:false;" />    <!-- 拡張しない -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode39" style="value:FFF555-5; font:null;" />    <!-- 文字表示なし -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode39" style="value:FFF555-5; font:HeiseiMin-W3;" />    <!-- フォント指定 -->
                </td>
            </tr>
        </table>
    </div>
    
    </body>
    </html>
    
    
  • エンティティ (Barcode39.java)
    package jp.reflexworks.test.model;
    
    public class Barcode39 {
    
        public String barcodeValue = "BBB111-1";
    
    }
    
    
  • XML (barcode39.xml)
    <?xml version="1.0" encoding="UTF-8" ?>
    <barcode39>
        <barcodeValue>
            BBB111-1
        </barcodeValue>
    </barcode39>
    
    
  • JSON (barcode39.json)
    {"barcode39" : {"barcodeValue" : "BBB111-1"}}
    
    
  • サンプル実行
  • Reflex iText 実行結果
    Barcode39Sample実行結果

barcode128

code128規格のバーコードを出力します。

属性style属性内容初期値指定方法
stylevalueバーコードに表示する値4512345678901文字列、もしくは"$" + エンティティの項目名
styleheight高さ30数値
stylesize文字のサイズ10数値
stylewidth0.75数値
stylecodetypeコードタイプ(なし)"UCC"(CODE128_UCC規格)または"RAW"(CODE128_RAW規格)を指定。それ以外はCODE128規格。
stylefontフォント名(なし)文字を表示しない場合、"null"を指定する。
barcode128タグの属性

barcode128タグのサンプル

  • テンプレート (barcode128sample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <table cellpadding="3">
            <tr>
                <td>
                    <div class="_barcode128" style="value:1234567890ABCDEFG;" />
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode128" style="value:$barcodeValue;" />    <!-- エンティティの項目指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode128" style="value:3234567890ABCDEFG; height:40; size:12; width:2;" />    <!-- 属性指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode128" style="value:4234567890ABCDEFG; font:null;" />    <!-- 文字表示なし -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode128" style="value:4234567890ABCDEFG; font:HeiseiMin-W3;" />    <!-- フォント指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode128" style="value:1234567890ABCDEFG; codetype:UCC;" />    <!-- CODE128_UCC規格 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_barcode128" style="value:1234567890ABCDEFG; codetype:RAW;" />    <!-- CODE128_RAW規格 -->
                </td>
            </tr>
        </table>
    </div>
    
    </body>
    </html>
    
    
  • エンティティ (barcode128.java)
    package jp.reflexworks.test.model;
    
    public class barcode128 {
    
        public String barcodeValue = "2234567890ABCDEFJ";
    
    }
    
    
  • XML (barcode128.xml)
    <?xml version="1.0" encoding="UTF-8" ?>
    <barcode128>
        <barcodeValue>
            2234567890ABCDEFJ
        </barcodeValue>
    </barcode128>
    
    
  • JSON (barcode128.json)
    {"barcode128" : {"barcodeValue" : "2234567890ABCDEFJ"}}
    
    
  • サンプル実行
  • Reflex iText 実行結果
    Barcode128Sample実行結果

qrcode

QRコードを出力します。

属性style属性内容初期値指定方法
stylevalueバーコードに表示する値4512345678901文字列、もしくは"$" + エンティティの項目名
styleheight高さ30数値
stylewidth30数値
styleversion型番(シンボルの大きさ)00~10を指定
styleerrorcorrectionlevel誤り訂正レベル"H""L"(コード語の約7%を復元可能), "M"(15%), "Q"(25%), "H"(30%)のいずれかを指定
stylecellsizeセルのサイズ(pixel)11~4を指定
stylemargin余白(pixel)00~32を指定
qrcodeタグの属性

qrcodeタグのサンプル

  • テンプレート (qrcodesample.html)
    <?xml version="1.0" encoding="UTF-8" ?>
    <html>
    <head>
    </head>
    <body>
    
    <div class="_page" style="pagesize:B5; orientation:landscape;">
        <table cellpadding="3">
            <tr>
                <td>
                    <div class="_qrcode" style="value:$qrCodeValue;" />    <!-- エンティティの項目指定 -->
                </td>
            </tr>
            <tr>
                <td>
                    <div class="_qrcode" style="value:$qrCodeValue; width:100; height:100; version:10;
                    errorcorrectionlevel:L; cellsize:4; margin:32; " />    <!-- 属性指定 -->
                </td>
            </tr>
        </table>
    </div>
    
    </body>
    </html>
    
    
  • エンティティ (QRCcode.java)
    package jp.reflexworks.test.model;
    
    public class QRCode {
    
        public String qrCodeValue = "http://www.virtual-tech.net/index.html";
    
    }
    
    
  • XML (qrcode.xml)
    <?xml version="1.0" encoding="UTF-8" ?>
    <qrcode>
      <qrCodeValue>http://www.virtual-tech.net/index.html</qrCodeValue>
    </qrcode>
    
    
  • JSON (qrcode.json)
    {"qrcode" : {"qrCodeValue" : "http://www.virtual-tech.net/index.html"}}
    
    
  • サンプル実行
  • Reflex iText 実行結果
    QRCodeSample実行結果

前へ << >> 次へ