二维码样式_二维码样式转换 - CSDN
精华内容
参与话题
  • 扫描二维码的url(个人码、收款码、支付码、群聊码都支持) 直接百度二维码在线扫描,把你的二维码上传扫描结果 我用的是草料二维码扫描器:https://cli.im/deqr 生成新的二维码 把你二维码扫描结果辅助粘贴到生成器...

    扫描二维码的url

    直接百度二维码在线扫描,把你的二维码上传扫描结果 扫描二维码
    在这里插入图片描述

    生成新的二维码

    把你二维码扫描结果辅助粘贴到生成器,点击生成即可 二维码生成器
    支持更换图案,直接把要换的图片拖进去就行了

    效果

    默认 修改
    在这里插入图片描述 在这里插入图片描述
    展开全文
  • 仿微信个人二维码切换样式

    千次阅读 2017-07-06 15:50:15
    今天产品突然让我做一个像微信一个可以换样式二维码功能,在网上找了一下,没有发现有类似的功能,于是决定自己写一个,在此记录一下,希望对有这种需求的开发人员有帮助。1.样式展示2.原理说明a.先生成一张背景色...

    今天产品突然让我做一个像微信一个可以换样式的二维码功能,在网上找了一下,没有发现有类似的功能,于是决定自己写一个,在此记录一下,希望对有这种需求的开发人员有帮助。

    1.样式展示

    2.原理说明

    a.先生成一张背景色是白色 ,二维码颜色为透明的正式二维码。

    b.将生成的二维码绘制到准备好的二维码背景图片上,让透明的部分渗透出来,这样就形成了一个花式的二维码(二维码上面会有不同的颜色)。

    c.将花式二维码绘制到定制的背景图上面,就形成类似微信二维码效果。

    3.使用到的第三方库

    compile 'com.google.zxing:core:3.2.1'
    compile 'cn.bingoogolapple:bga-qrcodecore:1.1.7@aar'
    compile 'cn.bingoogolapple:bga-zxing:1.1.7@aar'
    compile 'com.alibaba:fastjson:1.2.34'
    

    4.核心代码

    步骤一:生成二维码

         //二维码中间的图片
         Bitmap logoBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
         //生成需要的二维码,将二维码颜色设置成透明,背景设置成白色
         originalQrBitmap = QRCodeEncoder.syncEncodeQRCode(url, BGAQRCodeUtil.dp2px(this, 250), ContextCompat.getColor(this, R.color.transparent), ContextCompat.getColor(this, R.color.white), logoBitmap);

    步骤二:绘制花式二维码

        /**
         * @param qrbgBitmap 二维码背景图片
         * @param originalQrBitmap 原始二维码图片
         * @return 花式二维码
         */
        private static Bitmap drawQRcode(Bitmap qrbgBitmap, Bitmap originalQrBitmap) {
            Bitmap bitmap = Bitmap.createBitmap(originalQrBitmap.getWidth(), originalQrBitmap.getHeight(), Bitmap.Config.ARGB_8888);
            Canvas canvas = new Canvas(bitmap);
            canvas.drawColor(Color.WHITE);
            Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
            canvas.drawBitmap(qrbgBitmap, null, rect, null);
            canvas.drawBitmap(originalQrBitmap, null, rect, null);
            return bitmap;
    
        }

    步骤三:绘制带有背景的花式二维码

        /**
         * @param context
         * @param bgBitmap 背景图片
         * @param qrbgBitmap  二维码背景
         * @param originalQrBitmap 原始二维码
         * @param assertFileName  尺寸资源名字
         * @return
         */
        public static Bitmap drawStyleQRcode(Context context, Bitmap bgBitmap,Bitmap qrbgBitmap,Bitmap originalQrBitmap,String assertFileName) {
    
            Bitmap qrBitmap= drawQRcode(qrbgBitmap,originalQrBitmap);//花式二维码
            String json = readAssertResource(context, assertFileName);//尺寸json
    
            DrawBean bean = json2Bean(json, DrawBean.class);
            int size = bean.getSize();
            int x = bean.getX();
            int y = bean.getY();
    
            Bitmap bitmap = Bitmap.createBitmap(bgBitmap.getWidth(), bgBitmap.getHeight(), Bitmap.Config.ARGB_8888);
            Canvas canvas = new Canvas(bitmap);
            canvas.drawColor(Color.WHITE);
    
            //绘制背景
            Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
            canvas.drawBitmap(bgBitmap, null, rect, null);
    
            //绘制二维码
            Rect mRectDst1 = new Rect(x, y, x + size, y + size);//绘制头像的位置
            canvas.drawBitmap(qrBitmap, null, mRectDst1, null);
            return bitmap;
        }

    5.总结

    这个就是我个人实现微信换二维码样式的功能,代码中可能有不足的地方,欢迎在留言中支持,如果您有更好的实现方式,可以留言告知,谢谢。

    6.代码下载地址

    源码下载,请点击这里

    github地址:https://github.com/lidiwo/WechatStyleQRcode

    展开全文
  • ZXing生成多种不同样式二维码

    千次阅读 2017-05-25 22:16:54
    已经有好心人为我们做好...因为项目要做一个要求卡的功能,里面有一个功能是要可以生成多种样式二维码满足用户爱美的要求,这里帮了我的大忙。效果图地址双手奉上:https://github.com/vivian8725118/ZXingGenerator

    已经有好心人为我们做好了,我只做大自然的搬运工。

    因为项目要做一个要求卡的功能,里面有一个功能是要可以生成多种样式的二维码满足用户爱美的要求,这里帮了我的大忙。

    效果图

    这里写图片描述

    地址双手奉上:https://github.com/vivian8725118/ZXingGenerator

    展开全文
  • 自动生成二维码,可设置二维码样式;自动生成二维码,可设置二维码样式;自动生成二维码,可设置二维码样式;自动生成二维码,可设置二维码样式
  • 现在开发的app中有用到扫码的插件,但是默认的样式很丑,所以就想着能够能够实现像微信和支付宝那样的样式。 代码如下: html <div class="scan"></div> css .scan { width: 150px; height: 150px; ...

    我想大家都用过扫码插件,也想像微信和支付宝那样。但是有些插件是可以自定义样式的,但是有些则不行了。现在开发的app中有用到扫码的插件,但是默认的样式很丑,所以就想着能够能够实现像微信和支付宝那样的样式。
    代码如下:
    html

    <div class="scan"></div>
    

    css

    .scan {
      width: 150px;
      height: 150px;
      margin: 30px auto;
      position: relative;
      background: linear-gradient(to left, #108EE9, #108EE9) left top no-repeat, linear-gradient(to bottom, #108EE9, #108EE9) left top no-repeat, linear-gradient(to left, #108EE9, #108EE9) right top no-repeat, linear-gradient(to bottom, #108EE9, #108EE9) right top no-repeat, linear-gradient(to left, #108EE9, #108EE9) left bottom no-repeat, linear-gradient(to bottom, #108EE9, #108EE9) left bottom no-repeat, linear-gradient(to left, #108EE9, #108EE9) right bottom no-repeat, linear-gradient(to left, #108EE9, #108EE9) right bottom no-repeat;
      background-size: 3px 20px, 20px 3px, 3px 20px, 20px 3px;
    }
    
    .scan::after {
      content: '';
      width: 140px;
      border: 1px solid #BBE2FF;
      position: absolute;
      left: 5px;
      top: 2px;
      animation: myfirst 4s infinite;
    }
    @keyframes myfirst {
      from {
        top: 2px;
      }
      to {
        top: 144px;
      }
    }
    

    最终的效果如图:
    二维码样式图

    background: linear-gradient(to left, #108EE9, #108EE9) left top no-repeat, linear-gradient(to bottom, #108EE9, #108EE9) left top no-repeat, linear-gradient(to left, #108EE9, #108EE9) right top no-repeat, linear-gradient(to bottom, #108EE9, #108EE9) right top no-repeat, linear-gradient(to left, #108EE9, #108EE9) left bottom no-repeat, linear-gradient(to bottom, #108EE9, #108EE9) left bottom no-repeat, linear-gradient(to left, #108EE9, #108EE9) right bottom no-repeat, linear-gradient(to left, #108EE9, #108EE9) right bottom no-repeat;
    background-size: 3px 20px, 20px 3px, 3px 20px, 20px 3px;
    

    这两行代码是实现四个蓝色角的关键,也是其中不好懂的地方。
    如果扫描二维码插件需要自定义样式的话,那就用起来吧。

    展开全文
  • 花式二维码生成,提供了 6 种样式

    千次阅读 2019-01-25 09:58:24
    ZXingGenerator 项目地址:vivian8725118/ZXingGenerator  简介:花式二维码生成,提供了 6 种样式 ScreenShot
  • 在写项目的时候遇到的一个需求,登录和注册都可以通过扫描微信的二维码来实现,但是在做的时候发现微信有一些它自带的样式,并且无法通过CSS直接修改。 通过查微信的开发者文档发现是支持修改的 wxHandle () { var...
  • 一:npm安装包 npm install qrcanvas -S 二:组件引入 import { qrcanvas } from ‘qrcanvas’; 三: 使用 3.1:自定义颜色 const canvas = qrcanvas({ cellSize: 8, correctLevel: 'H', ... // foreground color
  • 修改微信扫码登录,二维码样式

    千次阅读 2018-03-17 20:47:43
    开工后的第一篇博客,记得在去年给自己定的计划是每月一篇博客,看来有点没有持之以恒,抱歉…,进入正题: 过完年来一直在赶项目进度,期间也遇到很多问题,很想把它分享出来,时间问题吧,没有及时写出来,今天...
  • C#彩色艺术化二维码样式设计(仅说思路)

    万次阅读 多人点赞 2012-09-02 11:16:21
     一、样式1、先看各种二维码的样式吧:(1)最简单的样式——黑白样式,如下图:图1 最平常见到的二维码样式(如果你用智能手机,且已安装二维码扫描软件,扫描之后你会发现它就是一个网址:http://www.lgms.net)...
  • 企业微信登录二维码样式修改

    千次阅读 2020-01-02 18:06:13
    在需要使用微信登录的地方实例JS对象 //引入js文件 import '../assets/api/wwLogin-... "id" : "wx_reg", //企业页面显示二维码的容器id "appid" : "",//企业微信的CorpID,在企业微信管理端查看 "agentid" : "",/...
  • node.js下载地址 或者 用 代码 将text 转换为base64 <script type="text/javascript" src=...</script> <script type="text/javascript">...var o...
  • Android 修改zxing二维码样式

    千次阅读 2020-01-20 16:54:22
    Android QQ交流群:826464336 主要修改onDraw方法里面的属性…… /** * This view is overlaid on top of the camera preview. It adds the viewfinder ... * transparency outside it, as well as the laser ...
  • 一个非常简单易用用来花式展示二维码样式生成的库 自由组合二维码样式 使用范例 设置带圆边圈的logo Bitmap logo = BitmapFactory.decodeResource(getResources(), R.mipmap.logo); ImageView logo_iv = ...
  • 微信授权二维码样式修改

    千次阅读 2019-03-04 09:41:07
    问题 微信官方的代码文档 var obj = new WxLogin({ self_redirect:true, id:&quot;login_container&quot;, appid: &quot;&quot;, scope: &quot;&quot;, redirect_uri: &...qu
  • Java实现一行代码生成二维码,可对二维码添加图片,可对二维码添加文字,可以设置二维码大小、字体大小、字体颜色、边框颜色、边框大小等等。 0.准备工作 准备一张需要添加到二维码的图片,如下 1.jpg 的图片,放在 ...
  • AwesomeQRCode第三方库GitHub地址:https://github.com/SumiMakito/AwesomeQRCode 一.添加依赖(最新版本是1.2.0) dependencies { implementation '...} 二.... private Color...
  • Zxing生成自定义二维码样式

    千次阅读 2017-03-07 00:24:14
    Zxing生成自定义二维码样式 现在几乎每个app都带有二维码,但是google提供的zxing包,只给我们提供了核心的二维码算法,而开发过程中经常有自定义二维码的样式的需求,这时候我们就要自己写工具类封装。 先看效果图...
  • 多种不同的二维码样式,如:彩色的,带logo的,带背景的。
  • 一、原生js生成二维码(用qrcode) html部分 <div class="main"> <div id="qrcodeHide" class="qrcode-hidden"></div> <div id="qrcode" class="qrcode"></div> </div> js...
1 2 3 4 5 ... 20
收藏数 14,667
精华内容 5,866
关键字:

二维码样式