Добро пожаловать, Гость
Логин: Пароль: Запомнить меня

ТЕМА: [СОВЕТ] Использование QR-кода на страницах сайта

[СОВЕТ] Использование QR-кода на страницах сайта 6 года 10 мес. назад #2175

  • Dgikar
  • Dgikar аватар
  • Не в сети
  • Модератор
  • Сообщений: 230
  • Спасибо получено: 21
  • Репутация: 5
На данный момент самым популярным и перспективным стандартом кодирования бар-кодов является QR - Quick Response.

Это сейчас стандартный для Японии способ кодировать текстовую и графическую информацию в форме маленьких картинок, которые легко отсканировать сотовым телефоном. Если вы напечатаете такую картинку и проведете по ней сотовым телефоном, то закодированный текст автоматически распознается, лишая вас сомнительного удовольствия долго вводить требуемый E-Mail или веб адрес, пользуясь крошечными кнопками с клавиатуры телефона. Такие коды в Японии печатают на продуктах, в рекламе, на формах заказа и так далее.

Вы можете сами найти такой баркод на процессоре своего компьютера - именно так производится их учёт в Intel и AMD. (Оригинал текста - 4pda.ru)

Пример QR-кода:
ВНИМАНИЕ: Спойлер! [ Нажмите, чтобы развернуть ]

Итак:
  1. Скачиваем библиотеки
    Это вложение скрыто для гостей.
    Пожалуйста, зарегистрируйтесь или войдите, чтобы увидеть его.
  • В head подключаем Jquery
    • <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
      <script type="text/javascript" src="
    путь к файлу/jquery.qrcode.js"></script>
      <script type="text/javascript" src="
    путь к файлу/qrcode.js"></script>
  • Далее в нужном Вам месте, прописываем
  • <div id="qrcodeCanvas"></div>
    <script>
        //jQuery('#qrcode').qrcode("this plugin is great");
            jQuery('#qrcodeCanvas').qrcode({
            text    : location.href
        });
    </script>
    P. S.
      Размер блока с QR-кодом, редактируется в файле
    jquery.qrcode.js.



    Если поставить размеры менее 80 х 80 рх, код не будет восприниматься камерой телефона. Оптимальный размер для четкого сканирования - 100 х 100 рх.
    P. P. S.
    Минус - не работает с кириллицей

    Это сообщение содержит прикрепленные изображения.
    Пожалуйста, войдите или зарегистрируйтесь, чтобы увидеть их.

    Это сообщение содержит прикрепленные файлы.
    Пожалуйста, войдите или зарегистрируйтесь, чтобы увидеть их.

    Долог путь поучения, краток и успешен путь примеров (Сенека).
    Последнее редактирование: 6 года 10 мес. назад от Dgikar.
    Администратор запретил публиковать записи гостям.

    roundtheme