一行代码实现自制炫酷二维码

原文地址:https://blog.csdn.net/m0_54218263/article/details/119848549

一、简介

现在,二维码十分的普及,形式也是多种多样的,本文旨在构建一个自制的炫酷二维码。

二、安装模块

此处,我们采用Python来进行二维码的制作,这里需要安装myqr模块

如果在导入模块的过程中出现了一些其他依赖包的未安装问题,那还是类似的方法pip安装一下就可以了啦。

三、制作二维码

1、导入模块

这个很简单

from MyQR import myqr

2、选择一个链接生成二维码

下面代码的解释:

words是文本或者是链接;

picture是你希望生成的样式的图片的路径;

colorized表示是否是彩色的;

最后一个参数表示生成的文件存放的路径。

myqr.run(words='https://www.csdn.net/', 
         picture='test.jpg', 
         colorized=True, 
         save_name="test.png")

效果如下图所示:
原图:

链接是:
https://www.csdn.net/
生成的二维码是:

在这里插入图片描述

 3、生成动态的二维码

from MyQR import myqr

myqr.run(words='https://www.csdn.net/',
         picture='test3.gif',
         colorized=True,
         save_name="test3_saved.gif")

 原图:


 

在这里插入图片描述

 生成的二维码:

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的实现特效的代码,它将创建一个彩色的渐变圆形,当鼠标移动到屏幕上时,它会产生一个跟随鼠标的光圈效果: ```html <!DOCTYPE html> <html> <head> <title>Cool Effect</title> <style> body { margin: 0; padding: 0; background-color: #000; overflow: hidden; } canvas { display: block; } </style> </head> <body> <canvas id="canvas"></canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var width = window.innerWidth; var height = window.innerHeight; canvas.width = width; canvas.height = height; var x = width / 2; var y = height / 2; var gradient = ctx.createRadialGradient(x, y, 5, x, y, 100); gradient.addColorStop(0, 'rgba(255, 0, 0, 1)'); gradient.addColorStop(0.5, 'rgba(255, 255, 0, 0.5)'); gradient.addColorStop(1, 'rgba(255, 255, 255, 0)'); function draw() { ctx.clearRect(0, 0, width, height); ctx.fillStyle = gradient; ctx.beginPath(); ctx.arc(x, y, 100, 0, Math.PI * 2); ctx.fill(); requestAnimationFrame(draw); } draw(); document.addEventListener('mousemove', function(event) { x = event.clientX; y = event.clientY; gradient = ctx.createRadialGradient(x, y, 5, x, y, 100); gradient.addColorStop(0, 'rgba(255, 0, 0, 1)'); gradient.addColorStop(0.5, 'rgba(255, 255, 0, 0.5)'); gradient.addColorStop(1, 'rgba(255, 255, 255, 0)'); }); </script> </body> </html> ``` 这个代码使用了 HTML5 Canvas 和 JavaScript 来实现一个跟随鼠标的光圈效果,用到了渐变色和动态更新 Canvas 上下文的属性。你可以将它保存为一个 .html 文件并在浏览器中打开来查看效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值