我和女神有个约会之差点因为二维码太丑搞砸了🔥

事情是这样的

由于本帅多年单身而被朋友疯狂的笑话下,本帅决定放手一搏,给女神发去了约会邀请。

我先从放上找到非常好的约会地点,某个酒吧的阴暗角落😈,为什么是阴暗的角落,懂得都懂,酒吧本来就暗暗的,处处都是阴暗的角落。

然后我就鼓起勇气向心仪的女神发去了酒吧的菜单,还大气的和女神说,今晚请你喝酒,所有消费由本帅买单💰。

什么???就因为这二维码太丑,女神就要拒绝我?不行,我一定要扭转乾坤,我命由我不由天!!!

为什么二维码这么丑

要逆天改命,首先要知道为什么命这么苦,那我们要先了解这个二维码为什么这么丑。

首先二维码的诞生听说是日本人通过棋盘的图像得到灵感构思出来的,所以正常的二维码就像棋盘一下,黑白子加上四方盘。

但是为什么二维码看上去起来死气沉沉的,本帅这里有个个人观点:下棋不沉下心来怎么下棋,难道一边rap一边下棋吗?🎤

然后为了让扫描二维码的机器知道二维码的范围,需要在为二维码加上三个点,定义它的范围,俗称三点定位,如果没有这三个点,谁都不知道二维码在哪里。

就像你去海滩,可以通过三点定位目标一样,一个道理的,学会了吗?👀

如何让二维码看上去可爱点

那么知道了二维码的由来,那么我们是不是就可以让四四方方的二维码变得可爱一点,以此来换取女神的约会机会。

怀着逆天改命的决心,我找到一些可以让二维码变得可爱的方法。

我找到了一库qr-code-styling,它可以生成可爱一点的二维码,这里放一个demo。

ts 复制代码
 const qrCode = new QRCodeStyling({
        width: 300,
        height: 300,
        type: "svg",
        data: "https://www.codebox.club",
        image: "logo.png",
        dotsOptions: {
            color: "#4267b2",
            type: "rounded"
        },
        backgroundOptions: {
            color: "#e9ebee",
        },
        imageOptions: {
            crossOrigin: "anonymous",
            margin: 20
        }
    });

    qrCode.append(document.getElementById("canvas"));
    qrCode.download({ name: "qr", extension: "svg" });

这样就可以生成一个比较q弹可爱的二维码,还可以帮我的照片放在中心,让女神扫我。

这样看上去二维码好看多了,继续去约女神。

什么?还不够?💢

如何将二维码变得帅气点

可恶,女神嫌二维码不够帅气?我知道了,肯定是因为我只是把我的头像放在了中间而已,如果我能把我的头像变成背景,女神肯定迷死了!!!

说干就干!!!

如何将二维码的背景换成我的头像,先放一个成品。

其实二维码的绘制就是使用canvas进行绘制,我们只要知道二维码的绘制原理就可以在绘制后放上我帅气的脸庞了。🤵

二维码就是数据压缩和图形绘制,记住这句话,以下是具体过程。

那怎么做到,将我帅气的头像放在二维码上了,我是按照这个思路来做的。总体是使用了canvas的一些api技巧,将两个canvas融合。

好了,帅气的二维码绘制完成了,去邀请女神了。

成功约到女神!!!给我冲!!!🎉

故事的结局

在当晚暧昧的气氛中,我和女神喝起了小酒。

其实女神是我以前就认识的主播,当年我还在当程序员,还没开始送外卖,她是我的甲方,当时我刚毕业,一看万年,就默默的暗恋着她。

她每次开直播我都在宿舍里看着,每次发工资都只留着自己100块钱,其他全部都给他刷了礼物。

只到有一天她说家里人生病了,需要一大笔钱,我就把所有的家产50万给了她,从那之后,我就再也没有见到过她了。

最近重新遇到她,我想当面问清楚她,当年说喜欢我,是不是真的。

她说:都这么大的人了,恭维话听不出来啊。

~~~~~~~可不可以~~~~~~此处有bgm。

最后的最后

结局留给大家自己脑补了。

从那以后,我就将这次约到女神的经验记录下来,因为这个二维码,才会出现这个故事,我将制作这个二维码的功能做成了一个网站,如果大家也想要约到约到女神,可以用我的网站出发。⬇️

codebox-智能二维码平台

欢迎体验~~~😊

相关推荐
梁萌5 分钟前
前端UI组件库
前端·ui
鲸渔10 分钟前
CSS高频属性速查指南
前端·css·css3
小高00710 分钟前
🌐AST(抽象语法树):前端开发的“代码编译器”
前端·javascript·面试
蓝易云10 分钟前
Git stash命令的详细使用说明及案例分析。
前端·git·后端
GIS瞧葩菜12 分钟前
Cesium 中拾取 3DTiles 交点坐标
前端·javascript·cesium
Allen Bright13 分钟前
【JS-7-ajax】AJAX技术:现代Web开发的异步通信核心
前端·javascript·ajax
轻语呢喃18 分钟前
Mock : 没有后端也能玩的虚拟数据
前端·javascript·react.js
Dnui_King22 分钟前
Oracle 在线重定义
java·服务器·前端
西柚啊33 分钟前
AI + 可视化:Stagewise 如何让前端 UI 调试效率飞跃
前端·ai编程
中微子35 分钟前
解决跨域问题的古早方法JSONP
前端