ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryは「スキャンコード読み取り」 function_jquery を実装します

jQueryは「スキャンコード読み取り」 function_jquery を実装します

WBOY
リリース: 2016-05-16 16:18:33
オリジナル
1368 人が閲覧しました

今日、「PCでURLをいちいち入力して携帯で開くのが面倒なんですが、何か良い方法はありますか?」というトピックを投稿しているユーザーを見かけました。

確かに今はモバイルの時代であり、モバイルデバイスで読むことが徐々に主流になっていくでしょう。ユーザーがモバイルデバイスで読むための便利な方法がウェブサイトになければ、それは少し時代遅れになってしまいます。と思って「スキャンコード読み取り」機能を作りました。実際、それは非常に簡単で、URL から QR コードを生成するだけです。

PHP を使用して生成されるか JavaScript を使用して生成されるかに関係なく、コードの変更という点では JavaScript を使用する方が簡単です。そこでここではjQueryを使ってみましょう。インターネット上には、使用できる jquery.qrcode.js の拡張機能があります。使い方も次のように非常に簡単です:

次に、WeChat、Alipay ウォレットなどを使用して、それをスキャンし、モバイル ブラウザで開きます。jquery.qrcode.js の作者に感謝します。

QR コードを生成するコードは次のとおりです:

コードをコピーします コードは次のとおりです:




jquery.qrcode.js は実際には jQuery を使用してグラフィックスのレンダリングと描画を実現し、キャンバス (HTML5) とテーブルをサポートします。当然、ブラウザーは最も効率的です。次のように直接呼び出します:

コードをコピーします コードは次のとおりです:

jQuery('#code').qrcode("http://www.xxx.net/");

ブラウザが HTML5 をサポートしていない場合、または画像のサイズを設定したい場合は、次の方法を使用できます:

コードをコピーします コードは次のとおりです:

jQuery("#code").qrcode({
render: "canvas", //キャンバスまたはテーブルモード
width: 150, //幅
height:150, //高さ
text: 'http://www.xxx.net/' //コンテンツ
});

ブログの各記事の右側に QR コードが生成され、携帯電話でスキャンして読み取ることができます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート