开发者社区> 夕阳白雪> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

带有logo的二维码

简介: 摘要:   前面介绍了使用javascript生成二维码,但是这样并不能满足我们的需求,我们有时也会看到带有logo的二维码,本文就介绍如何生成带有logo的二维码。 简介:   主要使用了svg的文本和图像,我这里也有介绍的,可以先了解这个再来看。
+关注继续查看

摘要:

  前面介绍了使用javascript生成二维码,但是这样并不能满足我们的需求,我们有时也会看到带有logo的二维码,本文就介绍如何生成带有logo的二维码。

简介:

  主要使用了svg的文本和图像,我这里也有介绍的,可以先了解这个再来看。二维码使用qrcode.js生成

首先分享下在二维码中插入文字,如下:

<script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="qrcode.js"></script>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="qrcode"/>
      <text x="85" y="85" style="fill:orange;font-size: 30;font-weight:bold">夕阳白雪</text>
    </svg>
    <script type="text/javascript">
      var qrcode = new QRCode(document.getElementById("qrcode"), {
          width : 100,
          height : 100,
          useSVG: true
      });
      qrcode.makeCode("http://www.cnblogs.com/xiyangbaixue");
    </script>

 

效果

带图片的二维码:

<script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="qrcode.js"></script>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="qrcode"/>
      <image xlink:href="qq.png" x="130" y="60" height="30" width="30">
    </svg>
    <script type="text/javascript">
      var qrcode = new QRCode(document.getElementById("qrcode"), {
          width : 100,
          height : 100,
          useSVG: true
      });
      qrcode.makeCode("http://www.cnblogs.com/xiyangbaixue");
    </script>

 

效果:

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
C#生成带logo的二维码
原文:C#生成带logo的二维码 带logo的二维码生成分为两步骤:首先根据输入的内容生成二维码图片,然后读取本地的logo图片,通过图片处理生成带logo的二维码。 生成的二维码效果如下: 下面直接贴出二维码生成类   QRCodeHelper.
935 0
利用QRCode实现待logo的二维码的创建
1 import java.awt.Color; 2 import java.awt.Graphics2D; 3 import java.awt.Image; 4 import java.
787 0
zing生成带logo的二维码
主要代码: @SuppressWarnings({"rawtypes","unchecked","finally"}) public class Test {  public static void main(String[] args) throws IOException {   Test test = new Test();   String content = "http://www.
2116 0
带圆角LOGO的QrCode二维码实时生成
最近工作中经常要用到QrCode二维码,研究了一下,写了个带圆角LOGO的JAVA实现,QrCode之所以能在中间放个LOGO图标,是因为编码时的信息冗余。
1688 0
一个网站的LOGO
今天董事长叫我去谈了话,有了一个网站的构想于是就先做一个LOGO也来了,好久没有做美工方面的东东了希望这个LOGO能用上,把网站做起来像我这种人天生就是为做网站的董事长也说以前让我们做那些,对我们来说也是和自己的专长搭不上现在做网站吧,应该能发挥好的做网站,不只是制作网站,应该还要经营网站,这才是做点一个网站做的成不成功,不光是看他漂不漂亮,视觉感强不强再在于它的运作,是不是生生不息,这才是做网站这种才是搞网站的,单纯 的制作网站的,不过是网页工罢了。
374 0
C# 生成二维码,彩色二维码,带有Logo的二维码及普通条形码
每次写博客,第一句话都是这样的:程序员很苦逼,除了会写程序,还得会写博客!当然,希望将来的一天,某位老板看到此博客,给你的程序员职工加点薪资吧!因为程序员的世界除了苦逼就是沉默。我眼中的程序员大多都不爱说话,默默承受着编程的巨大压力,除了技术上的交流外,他们不愿意也不擅长和别人交流,更不乐意任何人走进他们的内心!    废话少说,咱直接进入正题:    目前来说,比较流行的二维码生成方式有两种:一种是:QrCode.Net和谷歌的Zxing.Net,我个人比较倾向于使用ZXing.Net,今天本篇博客主要讲解Zxing.Net的使用。
1423 0
+关注
夕阳白雪
前端开发工程师
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载