微信小程序二维码生成器

项目介绍

项目是一个简单实用的二维码生成器。可以输入相关的网址，生成二维码图片，可保存分享。

项目展示

在这里插入图片描述

项目代码

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>

点击下载项目源码