QR コードにアイコンとか入ってるやつ、
技術的にはどうなっているのかなって少し調べたらメッチャ簡単な仕組みだった。
QRコードはコードが汚れていたり、破損していても、コード自身でデータを復元する機能を持っています。「誤り訂正能力」は4段階用意されており、ユーザが使用環境に合わせてレベルを選択する事ができます。このレベルを上げれば、誤り訂正能力は向上しますが、データが増えるため、コードのサイズは大きくなります。
最大で 30% くらい破損してても読みとれるように作ってそこにロゴ乗っけているだけだった。
仕組みがわかったらあまりにも単純だったので js だけでアイコン付きの QR コード生成出来るページ作ってみた。
上記ページで適当に 100x100 の画像とか指定してこんな感じで QR コード生成できます。
コードはこっち↓
