이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 10256|회답: 0

[JavaScript] QR 코드 예시 이미지를 생성하기 위한 js 문자열

[링크 복사]
게시됨 2018. 1. 2. 오후 2:50:41 | | | |



생성된 html 페이지는 다음과 같습니다:

<div style="width:200px; height:200px;margin:0 auto;" id="qrcode" title="Architect https://www.itsvse.com"><canvas width="200" height="200" style="display: none;"></canvas><img alt="Scan me!" src="data:image/png; base64, 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 aRSDswRmB18X2o0qsqfKAAE5sJ8oO4vC790rWJ+ ciuBLOkP2ubF0xlZlJ7WKRwxLAXWCe0F1zz0BIp3YCyZ6Iv8heCWfIfiMQF62hiyshEjkCIV0EskY2GYQwLgJBaBHhEzEngzR0hpAngTFxpBqVCZHAVm9v05JzEVwjEMKCB9i6afgBR5A/ qTq11ykxTQQp0hLeekmfco47bwTiIug/kLtbYAcCiAcTXSzfDTMzIGDAQ66Z3a5n3Vm2qN2ip3YSk0EgMyMQCNjC/ O4M4K6fDHLBgQgkAolAIhBfBRDDry6xJv79wScB1vHbEzUzkbVIKeEqgtTqZC3SEp7oYnXw0P6yInHk3YCR9cllOALRGwo7+ RKBgN9iHGBFIDqRq1o9GYQgMEjQiZQbgUQgNFCmxCqed6TEYg8F7w5oJK6TQDny2R9yGSUPo1zSuiCS8eq9BLcdwSeCCLbq2aZ8QEirilE905VdBFKgQ4igEpF0izps1X0RIhFcdl7Iyb7IeSOQCITwBb0sGYEMdYbcEm2qA0OYlBKL3WFSYhViImUASaMkek3UtBHIlwhk9Tbvl Jpd0pII7pLeJbi7fnXWCQzJfcc9F6kOyFldzpZ4RyBraCIQPQN0ZHaX4O74CASUeB2tVzfSJoPoAj2wikDc+ioCKRFMiVWTa/nxaleNLuANWlhO4ZYC7rnI+skgySBTOsCRUu2kRSBraInw/ 7pLOgFHVQQBkURaslf3kk6yMNmXK2Z1fIUr2SvB8Kn7skssAlgEcsD9/ z8Xw28gYgSiquPiFXpCpAnSkBIrGYR9XicCiUDKf7RDhK8SiczpPpDbWebuLv1SYhWIkwyk2nbcrSKQmUZBWR2oH20gUQYkC1STq0ScimjkXFN4kdKN7Fe9G+08l7t/EpAqW/kXhVPAqI457CKQuSfGqh+ meEBKQlU4Ecjg03HVCSRbuXMe45NBdBQjkAjkZMvOqL5zLV0Ka8sIJAKJQC5UFIFEIBHItEB2/vsD95Kttjg/ rVYnF1S3xCFrqSUOidRTdzb3bla2eSMQlQa13ZRzSEBQTxGBrJGKQB58mSWkTQbRCU6wikAikJNZRIxqVkqJ1QRs7iB69NtZq6tCoHsiYiTRfuKhJsogOw+ mHrbDOa5AXSdWZ7gbb7KvuzHYna3klxUpQZ2o1EEY9eLcsZZzVlr2TBFUDVRT66t+iEBgOUcASwZhUlaDDJvVKzOJvzuCejLI+y379+7oeWx0ag/ JIGsaRCARSBkgkkFeL1kgJLWRKKfWnlX0dMfL6QMakn2tpp7CW80UBG+yVwIj4dHEuU4M3E+PulGGEOmpdwjiHJUghHR3E4nsVT1/RzlZtm7BPyGKQIjHgC0RfjJIUf8X/x5PdUME0tTxUgEndhGI/9T+ 7syYEoswHtpGIBHISZncQby+Pu3Vu3iT+5J658sdpKn/PuFcGNhl86kMoBLULS/kg36x4SPuIATfCETPNhEIYZaOK2lft9xByDEiEN2REQhhlo5rBOLjWt6tyNSE4J8UOAgGd9umxBr0QO4gg+ BumrpFIOqnRzed6XKZu6MyAVy9jFcpvwJiItuQc5HAoXbBCLcIB8i8JQYRiA4jIVIE4n8qdoVhBHLBVwLO3ZE2AolA9NDbZBmB+ A9mXeGmxGoi88Q0EUgEQjhAOJg7SMPbALmDsPervuKSrn5ZkajRtXXTOOkAVbYTziW4kPeb3L26UZkEDtfWxeXwAeJXBLKmrUs6IgbSrVGbD4gET/jdhfgjpgiEKhw41yUNGR+BsC6WGpAikAjk1JZLBCLmlFh1OFv+ 5NaNfu74Kee685LxLgYRCOvYqaVnyx3kbiKQ9Un0I/O6BJ+4VxDnTuGilkJVFnR9QM7V4UP5ow0di6mkISASwMi8E+d1s0IEsvfDeafI1c/+TBCmI8pEIHoXbnf7m2QblV/E3+qcV3YRSAeK4hzJIOwZhFpxiPD/yCwC+ RFsPxsUgXyxQDpSm9ppIE9bSdngnsG9w0wJhJQyE7Yurj8LN/8dpXKLriVnkA4Q1ENEIHPPQSIQJpEIBOCVDMKeTQBobVM1+NKFIhCAWAQSgZx0mVKjOm9KrJRYIG6NcjYZBHgiGWQueAI3LE3V4EvX+ VqBrIBwQXQzGxnv2k51zMizCTegkLVUf0cgFwhEICwDqAQnYqQE/dOedFPV/V/tKRmk4fckqtPcrHA4Um3TEtISWxLVOwgagYi/ JKvIQSJSMkgyCOHLyTn1ZUU1Sl5tQCUoibTkwOr61Zzuvsh415ZkBWKbDPLFbV4iJrWUceecbKtPXFxdXFwxVnhP7etrM4hb/7qAu5G2I2NHIG85flV4RyAFhBHIGhgXl2SQhjYrqb/ pfUENKS4RkkF0gVVlpuor0t0jJdpXX9JTYq2pcDcuySDJICUChBy5g5D8oT8fGssgbLu69UQpo6/OPgJASj+3pUxKRyImsi/VluBCfENsJzIjKrHIZoltBELQYg/61C6Wm9kiEOZDZB2BILjsnyKoWaG6OBN/kczGUPi/ dTKIi2AxnjiRREpCRHI0d14yXrUluJCzEtsIhKAFbCOQvT/OAq5BplsFgnY2YOwelnQqyFpTtfpqv0S46l2D4EKaBB0UUM+7O1t9/MeriXNI/ UxI65YiZC31vB3Cd4Wn7vWwi0AAWsS5YFr5txQ00kYgxAtr2wgEYBiB6BG1oxRSyXmstdM3JIORMwAqrn8PQiaYsN3pBLJW7iARyATf8ZyEtGTy3EG88uZvzCD/ADZur0b2ibmRAAAAAAElFTkSuQmCC" style="display : 블록; "></div>




먼저, js 소스 코드는 다음과 같습니다:



html 연산 코드는 다음과 같습니다:



참고 링크 주소: https://github.com/davidshimjs/qrcodejs




이전의:MB를 어떻게 충전하나요?
다음:LLT 트래픽 트레저 박스는 수익을 높일 수 있는 버그와 취약점이 의심됩니다
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com