zoukankan      html  css  js  c++  java
  • 使用reqire.js 生成二维码

    最新项目中使用到 reqiure.js  ; 使用了一个月的感觉是: 这个确实是一个利器,如果会使用的话,能轻易理顺js之间的依赖关系,从而可以重复使用js,可以减少代码量,可以提升开发速度,但是  刚开始上手 用点很不适应.

    这次使用reqiure.js 引用非 AMD规范的 jquery 和  jquery的插件 jquery.qrcode.js  utf.js   ;

    先来张效果图: 

     接着上关键部分代码:

    main.js

    requirejs.config({
        baseUrl: "js/lib",
        shim: {
            'jquery.qrcode': {
                deps: ['jquery', 'utf']
            }
        }
    });
    
    require(['jquery', 'jquery.qrcode'], function($, x) {
        jQuery('#qrcodeCanvas').qrcode({
            render: "canvas",
            text: "标题: 逍遥游 ;
    发布人: 庄子;
    发布单位: 道号 ;
    审核人: 老聃 ;
    发布时间: 东周战国",
             "200", //二维码的宽度
            height: "200", //二维码的高度
            background: "#ffffff", //二维码的后景色
            foreground: "#000000", //二维码的前景色
            src: 'img/1.jpg' //二维码中间的图片
        });
    });

    最后上源码:

    链接: https://pan.baidu.com/s/1cnq2Fs 密码: zsw3

  • 相关阅读:
    Mysql_常规操作
    三剑客
    Nginx_安全2
    shell_常规小脚本
    redis数据库持久化
    redis数据库操作
    keepalived高可用lvs集群
    ansible的roles角色
    keepalived高可用
    keepalived概念
  • 原文地址:https://www.cnblogs.com/sanmubird/p/8046321.html
Copyright © 2011-2022 走看看