在线体验连接:http://www.zhaimaojun.top/qrcode/

你是否在项目中寻找方便而且免费的可以直接嵌入到项目中的二维码生成工具呢?你找到了这里,说明你已经找到了!不要犹豫直接拿去用吧!

体验的页面预览:

好了 废话不多说,接下来示范两种嵌入方式一种嵌入到网页的一种嵌入到c#的web程序中,可以直接下载为文件。

第一种,直接下载二维码图片,通过浏览器自带的下载器或者浏览器里面直接输入地址:

直接在下载栏或者地址栏里输入:

http://www.zhaimaojun.top/api/Qrcode?imgwidth=200&imgheight=200&argbcolor=-1677696&imgcodes=你想要的内容

直接输入以上信息即可下载一张图片,背景为透明,高度和宽度为200,颜色为蓝色,内容为“你想要的内容”的二维码,

很显然,这是一个借口,既然这样,那么想要嵌入到你的html中,不需要jQuery,不需要js,不需要css,只需要一个img标签即可直接插入到你的网页中,请看示范!

<img src="http://www.zhaimaojun.top/api/Qrcode?imgwidth=200&imgheight=200&argbcolor=-1677696&imgcodes=你想要的内容"/>

是不是很简单很方便呢??

接下来再看看用js如何动态生成不同颜色不同大小不同内容的二维码,直接看代码:

    var imgshow=document.getElementById("imgshow");
var imgheigth=document.getElementById("imgheigth");
var imgwidth=document.getElementById("imgwidth");
var imgcodes=document.getElementById("imgcodes");
var cr = document.getElementById("cr").value;
var cg = document.getElementById("cg").value;
var cb = document.getElementById("cb").value;
var argbcolor = ((0xFF << 24)|(cr << 16)|(cg << 8)|cb);
if(imgcodes.value==""){
      alert("至少输入点内容才能生成图片吧??");return;
    }
if(imgshow!=null)
      imgshow.src="http://www.zhaimaojun.top/api/Qrcode?imgwidth="+imgwidth.value+"&imgheight="+imgheigth.value+"&argbcolor="+argbcolor+"&imgcodes="+encodeURIComponent(imgcodes.value);

当然,还有很多人,希望在winform中运行,比如自己的form窗口打开后弹出自己的博客的二维码?或者个人网站的二维码?那么怎么嵌入呢?看代码吧:

         public static string QrCodeUrl { get; } = "http://www.zhaimaojun.top/api/Qrcode?imgwidth=200&imgheight=200&argbcolor=";
public static Image PostQrImageByNumber(string number, Color color)
{
try
{
HttpWebRequest request = WebRequest.CreateHttp(QrCodeUrl + color.ToArgb().ToString() + "&imgcodes=" + CmHtmlViewUrl + number);
request.Method = "GET";
request.ContentType = "application/x-www-form-urlencoded; charset=utf-8";
return Image.FromStream(request.GetResponse().GetResponseStream());
}
catch (Exception)
{
return null;
} }

好了二维码嵌入演示到此结束,还有其他需求的请联系本人欢迎访问我的个人主页:

http://www.zhaimaojun.top/

免费生成二维码接口,可直接嵌入到web项目中,附带嵌入方法,任意颜色二维码,任意大小二维码!的更多相关文章

  1. C# 动态创建SQL数据库(二) 在.net core web项目中生成二维码 后台Post/Get 请求接口 方式 WebForm 页面ajax 请求后台页面 方法 实现输入框小数多 自动进位展示,编辑时实际值不变 快速掌握Gif动态图实现代码 C#处理和对接HTTP接口请求

    C# 动态创建SQL数据库(二) 使用Entity Framework  创建数据库与表 前面文章有说到使用SQL语句动态创建数据库与数据表,这次直接使用Entriy Framwork 的ORM对象关 ...

  2. vue-cli+webpack在生成的项目中使用bootstrap方法(二)

    vue-cli+webpack在生成的项目中使用bootstrap方法(一)中,是通过手动下载bootstrap库,然后手动添加到src/assets中,显然是过程太多. 当然是可以更省力些,可以通过 ...

  3. React项目中使用Mobx状态管理(二)

    并上一节使用的是普通的数据状态管理,不过官方推荐使用装饰器模式,而在默认的react项目中是不支持装饰器的,需要手动启用. 官方参考 一.添加配置 官方提供了四种方法, 方法一.使用TypeScrip ...

  4. Java Web项目中使用Freemarker生成Word文档

    Web项目中生成Word文档的操作屡见不鲜.基于Java的解决方式也是非常多的,包含使用Jacob.Apache POI.Java2Word.iText等各种方式,事实上在从Office 2003開始 ...

  5. JAVA WEB项目中生成验证码及验证实例(附源码及目录结构)

    [我是一个初学者,自己总结和网上搜索资料,代码是自己敲了一遍,亲测有效,现将所有的目录结构和代码贴出来分享给像我一样的初学者] 作用 验证码为全自动区分计算机和人类的图灵测试的缩写,是一种区分用户是计 ...

  6. VS2013中web项目中自动生成的ASP.NET Identity代码思考

    vs2013没有再分webform.mvc.api项目,使用vs2013创建一个web项目模板选MVC,身份验证选个人用户账户.项目会生成ASP.NET Identity的一些代码.这些代码主要在Ac ...

  7. Azure Storage 系列(二) .NET Core Web 项目中操作 Blob 存储

    一,引言 上一篇文章,我们介绍到在实际项目中系统会产生大量的日志文件,用户上传的头像等等,同时也介绍到可以使用Azure Blob Storage 来存储项目中的一些日志文件,用户头像,用户视频等等. ...

  8. SpringBoot系列: SpringBoot Web项目中使用Shiro 之二

    ==================================Shiro 的加深理解:==================================1. Shiro 和 Spring 系组 ...

  9. vue-cli+webpack在生成的项目中使用bootstrap方法(一)

    在一个html页面中加入bootstrap是很方便,就是一般的将css和js文件通过Link和Script标签就行. 那么在一个用vue-vli生成的前端项目中如何加入?因为框架不一样了,略微要适应一 ...

随机推荐

  1. Codeforces 1296F Berland Beauty

    题目链接:http://codeforces.com/problemset/problem/1296/F 思路: 1————2————3————4————5————6 1->3 2 2-> ...

  2. java架构之路-(微服务专题)nacos集群精讲实战

    上次回顾: 上次博客,我们主要说了微服务的发展历程和nacos集群单机的搭建,单机需要-m standalone启动,集群建议使用nginx做一下反向代理,自行保证mysql和ngxin的高可用. 本 ...

  3. Centos7.6安装zabbix留纪录

    1)查看系统版本 [root@zabbix-s41 ~]# cat /etc/redhat-release CentOS Linux release (Core) [root@zabbix-s41 ~ ...

  4. vue的组件传值

    1.父组件向子组件传值 父组件: 123456789101112 <template> <child :name="name"></child> ...

  5. windows系统端口占用

    这几天win服务器几个服务总是停止运行,查询原因是端口被占用,解决方法 在dos窗口中使用以下命令   netstat -a    显示所有连接和监听端口 netstat -b     显示包含于创建 ...

  6. [jQuery]顶级对象$(二)

    $ 是 jQuery 的缩写 <script> # 方法1. $ 是jQuery的别称 弹出提示 $(function () { alert(11) ); # 方法2 jQuery(fun ...

  7. Matplotlib数据可视化从入门到精通(持续更新)

    目录 前言 如何添加标题-title 如何添加文字-text 如何添加注释-annotate 如何设置坐标轴名称-xlabel/ylabel 如何添加图例-legend 如何调整颜色-color 如何 ...

  8. JVM源码分析之临门一脚的OutOfMemoryError完全解读

    概述 OutOfMemoryError,说的是java.lang.OutOfMemoryError,是JDK里自带的异常,顾名思义,说的就是内存溢出,当我们的系统内存严重不足的时候就会抛出这个异常(P ...

  9. Vue与React的区别

    对已经了解的内容,做几点介绍,并不全面,后期会不断更新~ React与Vue都是组件化的开发框架,整体功能类似. 一.数据处理模式(单项 or 双向): React推崇单项数据流的处理模式,数据不可以 ...

  10. js模拟post提交表单

    function post(URL, PARAMS) {            var temp = document.createElement("form");         ...