Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」:phpspot開発日誌
Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」 2011年06月14日- Official Demo page for MyQRCode jquery plugin Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」。 Google Chart API でQRコードを作る際にURLが長くなってなんとなく後でHTMLの可読性が悪くなり保守性が悪くなってしまったりしそうですが、このプラグインを使えばシンプルに、しかも動的にQRコードを出すことができます。 直接Canvasなどを使って描画するスタイルのものもありますが、ブラウザが対応していなければ表示できないので、クロスブラウザを保証したい場合は無難に<img>タグに頼るのがよさそうですね。 コードは次のように
[JS]ページ内のリンクを印刷時にQRコードにして配置するスクリプト -printQr
ウェブページを印刷する際、ページ内に配置されたリンクをページ下部に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要素を抽出す
QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」:phpspot開発日誌
jquery.qrcode - jquery plugin for a pure browser qrcode generation QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」。 通常QRコードというとサーバ側で画像にして画像を送信するというのが一般的ですが、このプラグインはブラウザ上で描画するタイプです。 <div id="qrcode"></div> というマークアップがあったとして、次のようにすることでQRコードを埋め込みます。 jquery('#qrcode').qrcode("this plugin is great"); カメラ等で読み取れば、「this plugin is great」がテキストとして読み取れます。 canvasを使っているので、canvas対応ブラウザでしか動作しない点に注意。 関連エントリ リンクにカーソルを合わせる
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」:phpspot開発日誌
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」 2011年01月14日- kovshenin.com // Thinking about WordPress, PHP, MySQL, jQuery, Web 2.0, PR and Social Media リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」 次のように、カーソル位置のＵＲＬをQRコードに変換して表示させちゃうことができます。 画像自体はGoogle Chart APIを使うので、サービス終了の懸念は少ない上にスピードも高速です。 使い方はいたって簡単で、jQuery(element).qr() のように qr メソッドを読んであげるだけです。 デザインもなかなかいい感じですね。 携帯サイトへのリンクの誘導にはもってこいのプラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
