html使用JsBarcode、qrcode展示条形码、二维码

今天接一个需求要展示优惠券码的条形码和二维码，这里用的是JsBarcode（条形码）qrcode（二维码）
首先需要引入相关JS文件，如下

<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jsbarcode/3.11.0/JsBarcode.all.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

下面是body部分代码，自动忽略样式部分…

<div class="page">
    <div class="container">
        <!--顶部-->
        <div class="top">
            <span class="card-name">请向收银员出示优惠券码</span>
        </div>
        <!--条码-->
        <div class="barcode-container">
            <img id="barcode"/>
            <span>{$couponcode}</span>
        <