SVG pxd:barcode要素
pxd:barcode要素は、各種のバーコードや2次元コードを生成します。
使用する際は、名前空間(https://www.pxdoc.com/)の指定が必要です。
使用する際は、名前空間(https://www.pxdoc.com/)の指定が必要です。
2次元コードを表示したサンプルプログラム
<?xml version="1.0" encoding="UTF-8"?>
<pxd paper-type="a4" xmlns:pxd="https://www.pxdoc.com/">
<page>
<svg x="0" y="0" width="21.0cm" height="29.7cm" viewBox="0 0 2100 2970">
<pxd:barcode x="200" y="500" width="500" height="500"
type="QR_SHIFTJIS" data="https://blissroad.co.jp/pxdoc/"/>
<text x="120" y="400" font-size="80">2次元コード</text>
</svg>
</page>
</pxd>
pxd:barcode要素を使ってバーコードを表示したサンプルプログラム
<?xml version="1.0" encoding="UTF-8"?>
<pxd paper-type="a4" orientation="portrait" xmlns:pxd="https://www.pxdoc.com/">
<page>
<svg x="0" y="0" width="21.0cm" height="29.7cm" viewBox="0 0 2100 2970">
<!--JAN13桁 横-->
<pxd:barcode x="200" y="500" width="600" height="200"
type="JAN" data="456995111617"/>
<text x="300" y="740" font-family="arial" font-size="50"
textLength="400">4 569951 116179</text>
<circle cx="200" cy="500" r="10" fill="red" />
<circle cx="800" cy="500" r="10" fill="red" />
<!--JAN13桁 タテ90度-->
<pxd:barcode x="400" y="1400" width="600" height="200"
type="JAN" data="456995111617" rotate="-90"/>
<text x="650" y="1320" font-family="arial" font-size="50"
textLength="400" rotate="-90">4 569951 116179</text>
<circle cx="400" cy="1400" r="10" fill="pink" />
<circle cx="400" cy="800" r="10" fill="pink" />
<!--JAN8桁 横-->
<pxd:barcode x="1200" y="500" width="400" height="200"
type="JAN" data="4996871"/>
<text x="1260" y="740" font-family="arial" font-size="50"
textLength="250">4996 8712</text>
<circle cx="1200" cy="500" r="10" fill="green" />
<circle cx="1600" cy="500" r="10" fill="green" />
<!--JAN8桁 タテ270度-->
<pxd:barcode x="1500" y="900" width="400" height="200" type="JAN"
data="4996871" rotate="90"/>
<text x="1250" y="960" font-family="arial" font-size="50"
textLength="250" rotate="90">4996 8712</text>
<circle cx="1500" cy="900" r="10" fill="blue" />
<circle cx="1500" cy="1300" r="10" fill="blue" />
</svg>
</page>
</pxd>
pxd:barcode要素の主な属性
属性名 | 値 |
---|---|
x | 生成されるコード画像が貼られる領域の左上X座標 |
y | 生成されるコード画像が貼られる領域の左上Y座標 |
width | 横サイズ |
height | 縦サイズ |
type | バーコード:EAN / JAN / CODE39 / CODE93 / CODE128 / CTF /CUSTOMER / IATA / ITF / NEC / NW7 / MATRIX / UPC |
2次元コード:QR_SHIFTJIS ・QR_SHIFTJISは、2次元コード中の文字がShift JISで生成される | |
data | |
startcode | |
element | |
rotate | 回転角度s |