バーコード

概要

Avonni バーコードコンポーネントは、さまざまなバーコード形式の生成とカスタマイズを可能にするよう設計されており、スキャン可能な形式でデータを豊かに視覚化します。

このコンポーネントを使用すると、幅広い仕様のバーコードを作成できます。各バーコードは細かく調整でき、バーコードの種類、寸法、色、表示プロパティなどのカスタマイズオプションを提供します。これにより、生成されたバーコードがあなたのウェブサイトの特定の要件や美的配慮に合致するようになります。

バーコードの設定

バーコード値のカスタマイズ

バーコードの値は2つの方法で設定できます。まず手動でバーコードに設定したい値を入力できます。あるいは、既存のコレクションの値をソースとして使用することもできます。コレクションから値を使用するには、'マッピング済み' 入力オプションに切り替して、適切なコレクションをソースとして選択します。

値としてソースコレクションを選択するには、入力フィールドをマッピング済みに切り替えてください。

バーコード種類の選択

このバーコードコンポーネントは150種類以上のバーコードを描画します。必要なものを選択してください。

サポートされている主なバーコードタイプ

仕様

🎛️ プロパティ

名前	説明	使用法
タイプ	生成するバーコードの種類を選択してください。	ユースケースや業界標準に基づいて、適切なバーコード表記（シンボロジー）を選んでください。
値	バーコードにエンコードするデータ。	バーコード形式に変換する必要がある値を入力してください。
チェックサム	チェックサム桁の計算を有効または無効にするブールオプション。	チェックサム桁を含めてデータの整合性を高めるにはオンに切り替えてください。
幅	バーコードの幅を定義します。	ウェブページのデザイン上の考慮事項や印刷媒体の物理的制約に基づいて幅を調整してください。
高さ	バーコードの高さを定義します。	割り当てられたスペースに適切に収まり、容易にスキャンできるように高さをカスタマイズしてください。
値を非表示にする	バーコードの下に表示されるエンコードされた値を表示または非表示にするブールオプション。	バーコードで表される数字または英数字の値を非表示にして、よりすっきりした表示にするにはオンに切り替えてください。

🎨 外観

名前	説明	使用法
背景色	バーコードコンポーネントの背景色を設定します。	バーコードの線や数字と十分なコントラストが得られる色を選択し、可読性とスキャン可能性を確保してください。
色	バーコードの線とテキストの色を設定します。	背景に対して目立つ色を選び、視認性を最適化してください。
テキストの配置	バーコードの下に表示されるテキストの配置を定義します。	テキストの配置を調整して、ウェブページや印刷物の全体的なデザインやレイアウトと調和させてください。
テキスト色	バーコードの下に表示されるテキストの色を設定します。	背景色に対して読みやすい色を選択し、エンコードされた値が視覚的にアクセスしやすいようにしてください。