Markdown 内の QR コードを装飾

概要

以前に作成した mdast-qrcode ではデザイン部分の操作ができなかったので、Markdown で画像を記述するときにオプションを指定できるようにしてみた。

オプション指定方法

ダミー画像のファイル名にオプション文字列を挿入することで実現。

[![qrcode](mdast-qrcode-width-300.png)](https://github.com/hankei6km/mdast-qrcode)

詳しい指定方法は README などを参照してください。

サンプル(サイズ)

qrcode

qrcode

qrcode

サンプル(色)

qrcode

qrcode

qrcode

画像の重ね合わせ

当初は QR コードにロゴを重ねる機能を実装予定だったが、QR コードとしてはグレーな扱いとなるようなので削除。

2021 年 09 月現在、QRコードドットコムの FAQ「色を付けたりイラストを入れるような使い方をしても問題ありませんかからは特許権についての記述が消えているが念のため

その代わりに(かなり無理やりだが)、mdast-avatar を利用することで「QR コードを」画像に重ねることは可能。

サンプル

![avatar:avatar_fillstyle-FFFFFF00-avatar_fillshape-rect-avatar_fit-0:qrcode:<QR code のデータ>)
![](<ベース画像の URL>)

商標について

  • QR コードの商標はデンソーウェーブの登録商標です。