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

事情是这样的

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

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

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

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

为什么二维码这么丑

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

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

但是为什么二维码看上去起来死气沉沉的,本帅这里有个个人观点:下棋不沉下心来怎么下棋,难道一边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-智能二维码平台

欢迎体验~~~😊

相关推荐
web小白成长日记10 小时前
企业级 Vue3 + Element Plus 主题定制架构:从“能用”到“好用”的进阶之路
前端·架构
じ☆冷颜〃11 小时前
黎曼几何驱动的算法与系统设计:理论、实践与跨领域应用
笔记·python·深度学习·网络协议·算法·机器学习
数据大魔方11 小时前
【期货量化实战】日内动量策略:顺势而为的短线交易法(Python源码)
开发语言·数据库·python·mysql·算法·github·程序员创富
POLITE311 小时前
Leetcode 23. 合并 K 个升序链表 (Day 12)
算法·leetcode·链表
APIshop11 小时前
Python 爬虫获取 item_get_web —— 淘宝商品 SKU、详情图、券后价全流程解析
前端·爬虫·python
楚来客11 小时前
AI基础概念之八:Transformer算法通俗解析
人工智能·算法·transformer
风送雨11 小时前
FastMCP 2.0 服务端开发教学文档(下)
服务器·前端·网络·人工智能·python·ai
XTTX11011 小时前
Vue3+Cesium教程(36)--动态设置降雨效果
前端·javascript·vue.js
Echo_NGC223712 小时前
【神经视频编解码NVC】传统神经视频编解码完全指南:从零读懂 AI 视频压缩的基石
人工智能·深度学习·算法·机器学习·视频编解码
会员果汁12 小时前
leetcode-动态规划-买卖股票
算法·leetcode·动态规划