LoginSignup
2
0

More than 3 years have passed since last update.

簡単レシート印刷 receiptline で文字装飾してみた

Last updated at Posted at 2020-07-14

日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。
まだレシートプリンターがないので、前回セットアップした開発ツールを引き続き使います。
今回は文字装飾です。

01.png

文字装飾の種類

文字装飾は 4 種類。
アイコンは左から、アンダーライン、強調、白黒反転、拡大です。
クリックすると文字装飾記号を挿入します。

02.png

キーボードで文字装飾記号を直接入力しても OK。
_ はアンダーライン、" は強調、` は白黒反転、^ は拡大です。

装飾の開始

文字装飾記号を挿入すると、それ以降の文字が装飾されます。

ReceiptLine
_hello, world!
"hello, world!
`hello, world!
^hello, world!

03.png

装飾の範囲

同じ文字装飾記号で囲むと、その範囲にある文字が装飾されます。

ReceiptLine
_hello_, world!
"hello", world!
`hello`, world!
^hello^, world!

04.png

装飾の組み合わせ

文字装飾を組み合わせることができます。
範囲を入れ子にしなくても大丈夫。

ReceiptLine
"`hello", world!`

05.png

拡大いろいろ

拡大文字装飾記号を重ねると、さらに大きな文字になります。

ReceiptLine
hello
^hello
^^hello
^^^hello
^^^^hello
^^^^^hello
^^^^^^hello
^^^^^^^hello

06.png

装飾記号の出力

文字装飾記号の前に \ を付けると、普通の文字になります。

ReceiptLine
\"hello, world!\"

07.png

水平線と用紙カット

普通の文字装飾とは少し違うものもあります。
アイコンは左が水平線、右が用紙カットです。クリックすると記号を挿入します。

08.png

- は水平線、= は用紙カットです。キーボードからの直接入力もできます。
これらの特殊記号は、1 行に他の文字と混在しないときに有効です。

ReceiptLine
hello, world!
---
hello, world!
===
hello, world!

09.png

次回は位置揃えを試してみようと思います。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0