[JS]ページ内のリンクを印刷時にQRコードにして配置するスクリプト -printQr

ウェブページを印刷する際、ページ内に配置されたリンクをページ下部にQRコードとして配置するスクリプトを紹介します。

jQuery.printQr() Plugin
デモページ

[ad#ad-2]

デモページを印刷すると、下記のように各リンクをQRコードにしてページ下部に配置します。

ページをPDFで印刷したキャプチャ
※分割印刷には「iPrint」を使用してます。詳しい説明は「不必要な箇所は印刷しない！必要なページだけ印刷（割付印刷も）ができるフリーソフト -iPrint」をどうぞ。

printQrの実装

printQrの実装は簡単で、既存のページにも簡単に実装できます。

外部ファイル

「jquery.js」と当スクリプトを外部ファイルとして、指定します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="jquery.printqr.min.js"></script>

JavaScript

すべてのa要素を抽出する場合は、下記のようにスクリプトを記述します。

$(document).ready(function() {
	$('a').printQr();
}

[ad#ad-2]