免费生成二维码接口,可直接嵌入到web项目中,附带嵌入方法,任意颜色二维码,任意大小二维码!
在线体验连接:http://www.zhaimaojun.top/qrcode/
你是否在项目中寻找方便而且免费的可以直接嵌入到项目中的二维码生成工具呢?你找到了这里,说明你已经找到了!不要犹豫直接拿去用吧!
体验的页面预览:
好了 废话不多说,接下来示范两种嵌入方式一种嵌入到网页的一种嵌入到c#的web程序中,可以直接下载为文件。
第一种,直接下载二维码图片,通过浏览器自带的下载器或者浏览器里面直接输入地址:
直接在下载栏或者地址栏里输入:
https://www.zhaimaojun.top/QrcodeImage/?imgwidth=400&imgheight=400&argbcolor=black&imgcodes=你想要的内容
直接输入以上信息即可下载一张图片,背景为透明,高度和宽度为200,颜色为蓝色,内容为“你想要的内容”的二维码,
很显然,这是一个借口,既然这样,那么想要嵌入到你的html中,不需要jQuery,不需要js,不需要css,只需要一个img标签即可直接插入到你的网页中,请看示范!
1 <img src="https://www.zhaimaojun.top/QrcodeImage/?imgwidth=200&imgheight=200&argbcolor=-1677696&imgcodes=你想要的内容"/>
是不是很简单很方便呢??
接下来再看看用js如何动态生成不同颜色不同大小不同内容的二维码,直接看代码:
1 var imgshow=document.getElementById("imgshow"); 2 var imgheigth=document.getElementById("imgheigth"); 3 var imgwidth=document.getElementById("imgwidth"); 4 var imgcodes=document.getElementById("imgcodes"); 5 var cr = document.getElementById("cr").value; 6 var cg = document.getElementById("cg").value; 7 var cb = document.getElementById("cb").value; 8 var argbcolor = ((0xFF << 24)|(cr << 16)|(cg << 8)|cb); 9 if(imgcodes.value==""){
alert("至少输入点内容才能生成图片吧??");return;
} 10 if(imgshow!=null)
imgshow.src="https://www.zhaimaojun.top/QrcodeImage/?imgwidth="+imgwidth.value+"&imgheight="+imgheigth.value+"&argbcolor="+argbcolor+"&imgcodes="+encodeURIComponent(imgcodes.value);
当然,还有很多人,希望在winform中运行,比如自己的form窗口打开后弹出自己的博客的二维码?或者个人网站的二维码?那么怎么嵌入呢?看代码吧:
1 public static string QrCodeUrl { get; } = "https://www.zhaimaojun.top/QrcodeImage/?imgwidth=200&imgheight=200&argbcolor="; 2 public static Image PostQrImageByNumber(string number, Color color) 3 { 4 try 5 { 6 HttpWebRequest request = WebRequest.CreateHttp(QrCodeUrl + color.ToArgb().ToString() + "&imgcodes=" + CmHtmlViewUrl + number); 7 request.Method = "GET"; 8 request.ContentType = "application/x-www-form-urlencoded; charset=utf-8"; 9 return Image.FromStream(request.GetResponse().GetResponseStream()); 10 } 11 catch (Exception) 12 { 13 return null; 14 } 15 16 }
好了二维码嵌入演示到此结束,还有其他需求的请联系本人欢迎访问我的个人主页:
https://www.zhaimaojun.top/