WeChat Mini Program QR Code Generator
Project Introduction
The project is a simple and practical QR code generator. You can enter the relevant URL to generate a QR code image, which can be saved and shared.
Project display
project code
index.wxml
<!--pages/main/index.wxml-->
<view class="container-box">
<view class="img-box">
<canvas bindtap="previewImg" hidden="{
{canvasHidden}}" style="width: 686rpx;height: 686rpx;background:#f1f1f1;" canvas-id="mycanvas"/>
<!--<image bindtap="previewImg" mode="scaleToFill" src="{
{imagePath}}"></image>-->
</view>
<form bindsubmit="formSubmit">
<view class="input-row">
<label>网址</label>
<input name='url' value='' type="text" maxlength="255" placeholder="{
{placeholder}}"/>
</view>
<!--<view class="input-row">
<label>金额</label>
<input name="money" type="number" maxlength="7" placeholder="1000000"/>
</view>-->
<button formType="submit" class="mybtn" type="primary">生成二维码</button>
</form>
</view>
<view hidden="{
{maskHidden}}" class="mask"></view>
<view class="canvas-box">
</view>