This article is a mirror article of machine translation, please click here to jump to the original article.

View: 10256|Reply: 0

[JavaScript] js string to generate a QR code example image

[Copy link]
Posted on 1/2/2018 2:50:41 PM | | | |



The generated html page looks like this:

<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+ 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" style="display : block; "></div>




First, the js source code is as follows:



The html operation code is as follows:



Reference link address: https://github.com/davidshimjs/qrcodejs




Previous:How do I top up MB?
Next:llt traffic treasure box is suspected to have bugs and vulnerabilities that can increase revenue
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.

Mail To:help@itsvse.com