💮

Inkscapeで日付印を作る

2024/01/06に公開

inkscape

tech

書類の電子化が進んでいますが、社内のフローはハンコ文化から抜けきっておらず、電子印鑑がほしいケースがまだありますよね？

電子印のうち、以下のような日付印がほしい場合皆さんどうしていますか？

日付印

この記事では、上記のような日付印をInkscapeで作ろうというアイデアを共有します。

Inkscape を使うやり方の良いところ

Inkscape は Adobe Illustrator のようなベクタ画像編集ソフトウェア（ドローソフト）です。

https://inkscape.org/

これを使って日付印を作る場合、以下のような長所があります：

ソフトは無料かつ、Windows / Mac など様々な環境で利用可能
柔軟なデザインに対応できる
Inkscape がサポートしている出力形式が豊富（PDF、SVG、PNG など）で、ベクタ形式も利用できる。
PDFやSVGなどでは、フォントをパスにして出力することも可能なので、フォントがない環境にスタンプだけを持っていく場合にも取り回しがし易い
必要ならデータをテキストエディタで変更することも可能なので、日付の変更などの細かい修正の際にGUIを開かなくても良い
エクスポートはコマンドラインでCUI実行できるので、バッチ処理し易い

実際の手順

Step 1. Inkscape で日付印のデータを作る

適当に Inkscape でレイアウトを作成してください。
上記に上げた丸印の場合は以下のように作成できます。

円弧ツール で円を描きます。水平半径と垂直半径を同じにして正円にしましょう。
鉛筆ツール で横線を描きます。Shiftキーを押しながらドラッグすると真っ直ぐな線が簡単に描けます。
最初の線を複製して適当な間隔を開けて配置し、メニューの オブジェクト > 整列と配置 で位置を揃えます。
2本の線はグループ化するか、パスの統合を実施しておくと位置揃えがしやすくなります。
テキストツールを使って字を適当に配置してください。
日付部分は中央揃えにして置くことをおすすめします。
レイヤーとオブジェクト のペインで各テキストのオブジェクト名をわかりやすい名前にしておくことをおすすめします。

Step 2. Inkscapeで日付印のデータをエクスポートする

メニューの ファイル > エクスポート で開く エクスポート ペインで好みのデータにエクスポートしましょう。

画像を選択した上で 選択範囲 タブで 選択中のもののみエクスポート を実施することを推奨します。
問題ないことが確認できたら、作成した Inkscape のデータをSVG形式^[1]で保存しましょう。

Step 3. Inkscape SVGデータの編集とCUIによるエクスポート

日付変更のたびに Inkscape を立ち上げて編集するのが面倒な方は以下のような手が使えます。

Inkscape の保存データ形式は SVG ですので、日付の編集程度であれば一般的なテキストエディタで実施することが可能です。
例えば前述のサンプルの場合の日付の部分は以下の text 要素です。

Stamp_Example.svg

<text
   xml:space="preserve"
   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.82222px;line-height:1.25;font-family:'UDDigiKyokasho ProN';-inkscape-font-specification:'UDDigiKyokasho ProN, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;text-align:center;text-anchor:middle;fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
   x="7.7361059"
   y="9.0307722"
   id="Date"><tspan
     sodipodi:role="line"
     id="tspan1487"
     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.82222px;font-family:'UDEV Gothic 35LG';-inkscape-font-specification:'UDEV Gothic 35LG';stroke-width:0.2"
     x="7.7361054"
     y="9.0307722">'24.01.01</tspan></text>

この '24.01.01 の部分を書き換えれば日付を変更できます。

変換には Inkscape のコマンドラインオプションを利用したCUIによる処理が利用できます。
例えばPDFに変換する場合は以下のようなオプションがおすすめです。
```
inkscape --export-filename ${OUTPUT}.pdf \
  --export-area-drawing --export-text-to-path ${INPUT}.svg
```

オプションの詳細は Inkscape の MAN ページをご覧ください:

利用した環境

$ inkscape --version
Inkscape 1.2.2 (b0a84865, 2022-12-01)
$ sw_vers
ProductName:		macOS
ProductVersion:		14.2.1
BuildVersion:		23C71

今回利用したSVGデータは以下のGistに公開しています

脚注

Inkscape では標準のデータ形式としてSVGを利用しています。 ↩︎