二维码带logo可微信长按二维码识别

忘是亡心i 2023-03-13 03:11 4阅读 0赞

代码已上传至github  
github代码地址：https://github.com/Miofly/mio.git

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDAxMzgxNw_size_16_color_FFFFFF_t_70][]

注意logo图片必须在自己的服务器下，不能跨域

H5适配

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    	<meta http-equiv=X-UA-Compatible content="ie=edge">
    	<meta name=apple-mobile-web-app-capable content=yes>
    	<meta name=apple-touch-fullscreen content=yes>
    	<meta name=apple-mobile-web-app-status-bar-style content=black-translucent>
    	<meta name=format-detection content="telephone=no">
    	<meta name=format-detection content="email=no">
    	<meta name=renderer content=webkit>
    	<meta name=screen-orientation content=portrait>
    	<meta name=x5-orientation content=portrait>
    	<meta name=x5-fullscreen content=true>
    	<meta name=full-screen content=yes>
    	<meta name=keywords content="">
    	<meta name=description content="">
    	<meta http-equiv=Content-Type content="text/html; charset=utf-8">
    	<title>Title</title>
    	<link rel="stylesheet" type="text/css" href="http://localhost:8888/mio/src/html/index.css"/>
    	<script type="text/javascript" src="http://localhost:8888/mio/src/html/js/common/vue.js"></script>
    	<script type="text/javascript" src="http://localhost:8888/mio/src/html/js/common/jquery-1.7.2.min.js"></script>
    	<script>
            (function (doc, win) {
                var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        if (clientWidth >= 375) {
                            docEl.style.fontSize = '100px';
                        } else {
                            docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
                        }
                        var html = document.getElementsByTagName('html')[0];
                        var settedFs = settingFs = parseInt(100 * (clientWidth / 375));
                        var whileCount = 0;
                        while (true) {
                            var realFs = parseInt(window.getComputedStyle(html).fontSize);
                            var delta = realFs - settedFs;
                            //不相等
                            if (Math.abs(delta) >= 1) {
                                if (delta > 0)
                                    settingFs--;
                                else
                                    settingFs++;
                                html.setAttribute('style', 'font-size:' + settingFs + 'px!important');
                            } else
                                break;
                            if (whileCount++ > 100)
                                break
                        }
                    };
                if (!doc.addEventListener) return;
                win.addEventListener(resizeEvt, recalc, false);
                doc.addEventListener('DOMContentLoaded', recalc, false);
            })(document, window);
    	</script>
    </head>
    <body style="font-size: 0.05rem">

html

ewm.js

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDAxMzgxNw_size_16_color_FFFFFF_t_70]: /images/20230312/0cc3bf7d35e34a29b7110f52ae71c490.png