Barcode 生成 のクイックスタート

最初に成功させるために必要なすべて:何を入力し、どのオプションが重要で、結果をどう読むか。

入力 Barcode 生成 出力 100% ブラウザ内で動作——データは端末から送信されません。
Barcode 生成 — 入力 → 出力. 100% ブラウザ内で動作——データは端末から送信されません。

使い方

  1. ツールを開き、左の入力欄にデータを貼り付けます。
  2. タスクに本当に必要なオプションだけを設定します。ほとんどの場合、既定値で正しく動作します。
  3. 右の出力欄で結果を確認します。入力に応じてリアルタイムに更新されます。
  4. 「コピー」で結果を取得するか、「ダウンロード」でファイルとして保存します。
使い方 · Barcode 生成 1 入力ボックスにデータを貼り付け(または例を読み込み)。 2 目的の形式やシーンに合わせてオプションを調整。 3 出力をコピー・ダウンロード・確認——入力に応じてライブ更新。
使い方 — 3

例

CODE 128 encodes the full ASCII set, so mixed text like this serial works out of the box.

入力

26173-TOOLS

出力 — 検索結果

<div class="bc-out" style="text-align:center"><svg aria-bc-name="code128" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 142" width="310" height="142" class="bc-svg" role="img" aria-label="CODE128 barcode: 26173-TOOLS" shape-rendering="crispEdges" style="max-width:100%;height:auto"><rect x="0" y="0" width="310" height="142" fill="#ffffff"/><g fill="#000000"><rect x="10" y="10" width="4" height="100"/><rect x="16" y="10" width="2" height="100"/><rect x="22" y="10" width="6" height="100"/><rect x="32" y="10" width="6" height="100"/><rect x="42" y="10" width="2" height="100"/><rect x="48" y="10" width="4" height="100"/><rect x="54" y="10" width="2" height="100"/><rect x="60" y="10" width="6" height="100"/><rect x="70" y="10" width="4" height="100"/><rect x="76" y="10" width="6" height="100"/><rect x="84" y="10" width="2" height="100"/><rect x="88" y="10" width="8" height="100"/><rect x="98" y="10" width="4" height="100"/><rect x="106" y="10" width="2" height="100"/><rect x="110" y="10" width="6" height="100"/><rect x="120" y="10" width="2" height="100"/><rect x="126" y="10" width="4" height="100"/><rect x="132" y="10" width="6" height="100"/><rect x="142" y="10" width="4" height="100"/><rect x="148" y="10" width="6" height="100"/><rect x="160" y="10" width="2" height="100"/><rect x="164" y="10" width="2" height="100"/><rect x="172" y="10" width="6" height="100"/><rect x="180" y="10" width="4" height="100"/><rect x="186" y="10" width="2" height="100"/><rect x="194" y="10" width="6" height="100"/><rect x="202" y="10" width="4" height="100"/><rect x="208" y="10" width="2" height="100"/><rect x="216" y="10" width="4" height="100"/><rect x="222" y="10" width="6" height="100"/><rect x="230" y="10" width="4" height="100"/><rect x="236" y="10" width="6" height="100"/><rect x="244" y="10" width="2" height="100"/><rect x="252" y="10" width="6" height="100"/><rect x="260" y="10" width="8" height="100"/><rect x="270" y="10" width="2" height="100"/><rect x="274" y="10" width="4" height="100"/><rect x="284" y="10" width="6" height="100"/><rect x="292" y="10" width="2" height="100"/><rect x="296" y="10" width="4" height="100"/></g><text x="155" y="130" font-size="20" text-anchor="middle" fill="#000000">26173-TOOLS</text></svg>
<div class="tb-btns bc-actions">
  <button class="btn btn-primary" data-bc-act="png">Download PNG</button>
  <button class="btn" data-bc-act="svg">Download SVG</button>
  <button class="btn" data-bc-act="copy">Copy SVG</button>
  <button class="btn" data-bc-act="print">Print</button>
</div></div>
<table class="tb-table"><tbody>
        <tr><th>Symbology</th><td>CODE128</td></tr>
        <tr><th>Encoded text</th><td>26173-TOOLS</td></tr>
        <tr><th>Bar modules</th><td>145</td></tr>
        <tr><th>Symbol size</th><td>310 × 142 px (SVG, scales losslessly)</td></tr>
        <tr><th>Quiet zone</th><td>10 px</td></tr>
        <tr><th>Human-readable text</th><td>on</td></tr>
      </tbody></table>

実行

説明

Create CODE 128, EAN-13, UPC-A, CODE 39, ITF, Codabar and MSI barcodes from any text or number, with size, colours, quiet zone and crisp SVG or PNG export.

Barcode 生成 → · 使い方 → · barcode →

関連ツール