> 웹 프론트엔드 > JS 튜토리얼 > jQuery는 WeChat 길게 누르기 인식 QR 코드 기능을 구현합니다.

jQuery는 WeChat 길게 누르기 인식 QR 코드 기능을 구현합니다.

高洛峰
풀어 주다: 2017-01-20 15:02:27
원래의
2303명이 탐색했습니다.

최근 위챗 개발 프로젝트를 진행했는데 드디어 거의 완성이 되었습니다. 오늘은 jquery.qrcode.min.js에서 생성한 QR 코드가 인식되지 않는 문제에 대한 해결 방법을 기록해 봤습니다. 프로젝트 개발 과정에서 오랫동안 누르고 있던 방법이 모두에게 도움이 되기를 바랍니다!

1. JS 라이브러리 소개

<script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
로그인 후 복사

2. 페이지에 빈 div를 만듭니다.

3. QR코드

<div id="qrDiv"></div>
로그인 후 복사

참고: 이때 생성된 QR코드는 위챗 창안에서는 응답이 없습니다. 왜냐하면 qrcode는 img 태그 대신 캔버스 태그를 생성하기 때문입니다

4. 캔버스 태그를 img 태그로 변환

$("#qrDiv").qrcode({
width: 120, //宽度
height:120, //高度
text: "需要生成的二维码内容" //任意内容
});
로그인 후 복사

참고: 위 단계를 완료한 후 길게 눌러 WeChat에서 식별할 수 있습니다

위 내용은 편집자가 제공한 것입니다. 소개해주신 jQuery는 위챗에서 QR코드 길게 누르기 인식 기능을 구현하고 있습니다. 궁금한 점이 있으시면 메시지를 남겨주시면 편집자가 시간 맞춰 답변해 드리겠습니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

jQuery의 WeChat 길게 누르기 인식 QR 코드 기능 구현과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿