ブラウザで作成できる整理券ツール
Webブラウザだけで作成できる整理券作成ツールとしてコーディングしてみました。
Google Chrome環境で作成しており、他のブラウザの挙動は確認しておりません。
ライセンス情報・謝辞
Vue.js Released under the MIT License Copyright © 2014-2020 Evan
You
Reset CSS v2.0
Released under the public domain
整理券作成ツール Released under the MIT License Copyright © 2020 なんぶ電子
ほかコード作成において、「FileReaderを使ってローカルにある画像をブラウザに読み込ませる方法」や、「cssでA4サイズぴったりに印刷できるようにレイアウトする方法」を参考にさせていただきました。ありがとうございました。
整理券作成ツール
番号
配布番号の最後の数値を～9999の間で決めてください。番号
番号の表示位置
番号の表示位置を決めてください。
上段左 上段中 上段右
中段左 中段中 中段右
下段左 下段中 下段右
1枚のサイズ
1枚の抽選券のサイズをmmで指定してください。上下左右10mmの余白をとったA4サイズの用紙横または縦に並べられるだけ配置します。
横mm
縦mm
用紙方向
印刷する用紙の方向を決めてください。サイズはA4サイズ固定です。
横長 縦長背景画像
好きな背景画像を指定できます。
画像は一応チケットのサイズに合わせて拡大縮小されますが、ブラウザの一般的なdpiが96なので、先に指定した縦横のサイズ「ミリ÷25.4×96」ピクセルで作るとジャストサイズになると思います。
作成ボタン
印刷時にはブラウザの余白設定や背景印刷の設定を見直してください。
{{strErr}}