自己怎么制作二维码

Posted 2023-05-15

二维码制作方法如下：
1、手机上要有一个二维码生成器。在二维码生成器中输入想要的文字，点击生成。
2、先数清生成的二维码横竖是几行。这里一共是25行，大小随意，可以采用2mm一个小方格，共5cm长。
3、在合适的位置绘制，为了方便划线，2mm画一横，四边都画。这样可以方便连线，不至于弯曲的太厉害。
4、用铅笔将两边的线连起来。一般二维码三个角，正方形边都是七个格子。如果怕格子数错的话，正方形里边的小正方形占三个格子共九个格子，一行一行来，数对了再落笔。
5、不放心可以先用铅笔把要涂黑的地方画上斜线，将用铅笔画的格子擦掉，去扫一扫看能不能扫出来，可用微信的扫一扫。 参考技术A

自己制作二维码的话是分为好多种类型的，比如说怎么制作可变数据的二维码、怎么制作渐变色二维码、怎么制作带有LOGO标示的二维码，怎么制作四色二维码、怎么制作黑白固定数据二维码等等。都是可以通过二维码生成软件来制作的。

首先第一步都是一样的，都是点击新建，设置二维码的标签尺寸，之后点击软件左侧小工具绘制二维码，并在标签画布合适的位置绘制二维码，

之后使用鼠标双击绘制的二维码，在弹出的“图形属性”中选择二维码的类型，并在其数据源中点击修改，添加上正确的二维码信息内容，点击确定，二维码就制作完成了。

需要注意的时可以使用数据类型：手动输入、随机生成、序列生成、数据库导入的方式去进行生成制作二维码的，其前面的几步操作的步骤都是一样的。在使用数据库导入时，需要在设置好标签的尺寸之后，就点击数据库设置测试链接并添加。

参考技术B 回答

方法/步骤分步阅读1/6利用电脑WPS Excel/Word软件进行二维码生成打开电脑的WPS软件，新建一个文档。依次点击菜单栏的“插入”-“图库”-“二维码”。2/6接着，会弹出二维码的制作框，在弹出拆入二维码窗口中左侧输入内容，内容包括文本或网址。输入你想要输入的内容后，就会生成一个二维码了。3/6利用手机微信APP进行二维码生成首先我们打开最新版微信APP，然后依次点击“发现”-“小程序”，接下来在小程序首页的右上角我们会看到一个放大镜图标，点击以后即可搜索自己想要的小程序。4/6接着，我们输入“草料二维码”，然后点击授权登入，进去后点击二维码就可以生成我们想要的二维码了。5/6事实上，除了以上两种方法我们还可以直接在网上下载二维码生成器软件，下载后就可以直接进行二维码的生成了。6/6以上便是我要分享的内容，希望可以对你有所帮助。

希望我的回答对你有帮助

祝你生活愉快

 参考技术C 制作二维码可以按照以下步骤：
1、首先百度搜索“二维码生成器”，然后打开一个在线制作二维码的网站，这种网站很多，打开第一个即可。
2、在页面上选择文本，然后输入二维码包含的文本内容，点击生成二维码即可。
3、在右边修改二维码的颜色，容错率，添加嵌入LOGO等。4、如何保存制作的二维码呢?只需要把鼠标放在制作好的图片上，会出现保存窗口，点击保存图片到自己电脑即可。
5、在上面的制作二维码的时候也可以点击高级美化。
6、在高级美化中可以给自己的二维码添加嵌入的LOGO，点击嵌入，然后本地上传一张作为LOGO的图片，LOGO会自动加入到二维码的中间。
7、如果认为只加入LOGO不好看的话，可以点击界面添加码眼。
8、在码眼中找到一个自己喜欢的就可以了，这样二维码看起来会更加的美观和正规。
9、如何保存制作好的二维码呢?方法和上面一样，把鼠标放在二维码图片上，然后点击出现的保存按钮即可。或者也可以点击下载二维码，但是下载二维码需要注册账号然后登陆后进行下载。
10、不仅可以制作文字二维码，也可以制作网址二维码，点击界面上的网址，然后进行制作，当然制作的方法和上面是一样的，大家自己试试吧。

three.js 制作属于自己的动态二维码

今天郭先生说一下用canvas解析图片流，然后制作一个动态二维码的小案例，话不多说先上图，在线案例点击博客原文。这是郭先生的微信二维码哦！

1. 解析图片流

canvas = document.createElement(\'canvas\');//创建canvas画布
content = canvas.getContext(\'2d\');//获取画布的上下文
canvas.width = 310;//设置尺寸
canvas.height = 310;
img = new Image();//创建一张图片
img.src = require("../assets/images/base/wechat.png");//设置图片地址
img.onload = () => {
        //在图片加载后
    content.drawImage(img, 0, 0, canvas.width, canvas.height);//将图片添加到画布，并设置宽高
    imgData = content.getImageData(0, 0, canvas.width, canvas.height).data;//获取画布数据
};

imgData是什么样的呢？如下图

这是一个Uint8ClampedArray的类型化数组，这个数组出现最多的也是在imgData上。它会将负数归入0，大于255的数归入255，所以取模就不用了。我们再来看这个数组的长度是384400是怎么来的呢？因为我们设置了画布长宽为310，而imgData四位代表一个rgba像素点，也就是imgData[0]是红色通道，imgData[1]是绿色通道，imgData[2]是蓝色通道，imgData[3]是透明通道…依次循环，所以310 * 310 * 4 = 384400。

2. 处理像素点，画出二维码

for (var i = 0; i < 31 * 31; i++) {
        //random_position为各个小平面块打乱时的位置信息，我设置小平面一共有31 * 31个
    random_position.push([Math.floor(Math.random() * 300 - 150), Math.floor(Math.random() * 300 - 150), Math.floor(Math.random() * 300 - 150)])
}
var color = new Array(310).fill(\'\').map(d => []);//color设置成310个数组
for (var i = 0; i < 310; i++) {
    for (var j = 0; j < 310; j++) {
        let clr = imgData[(i * 310 + j) * 4] + imgData[(i * 310 + j) * 4 + 1] + imgData[(i * 310 + j) * 4 + 2];
        clr = clr > 382 ? \'light\' : \'black\'; //因为颜色是有深色块和浅色块组成，他们的分界就是rgb通道颜色值之和小于等于127+127+127之和。
        color[i].push(clr)//每个数组有310项，每项的值为\'light\'或者\'black\'
    }
}
var color1 = [];//设置color1为小平面颜色数组31 * 31。
color.filter((d, i) => (i + 6) % 10 == 0).forEach((dd, ii) => color1[ii] = dd.filter((d, i) => (i + 6) % 10 == 0));//每10个像素，筛选出1个像素作为小平面的颜色，选取的位置尽量在10个的中间选择，毕竟有的图片比较模糊。
for (var i = 0; i < color1.length; i++) {//31 * 31的循环
    for (var j = 0; j < color1[i].length; j++) {
        var geometry = new THREE.PlaneGeometry(10, 10);
        var material = new THREE.MeshBasicMaterial({
            color: 0xffffff,
            side: THREE.DoubleSide,
            transparent: true,
            opacity: color1[i][j] == \'black\' ? 0 : 1,
        });
        var mesh = new THREE.Mesh(geometry, material);//小方块网格
        origin_position.push([j * 10 - 15 * 10, 15 * 10 - i * 10, 0]);//保存序列换后小方块的位置
        mesh.position.set(random_position[j + i * j][0], random_position[j + i * j][1], random_position[j + i * j][2]);//先将小方块的位置设置成打乱的位置，便于动画播放。
        mesh.name = \'plane\';
        group.add(mesh);//将所有小平面放到数组，便于操作。
    }
}
scene.add(group);

这部分代码主要是计算部分，没什么技术含量。

3. 实现tween动画

var pos = { time: 0 };
tween1 = new TWEEN.Tween(pos).to({ time: 1 }, 3000);
tween2 = new TWEEN.Tween(pos).to({ time: 0 }, 3000);
tween1.easing(TWEEN.Easing.Quadratic.In);
tween2.easing(TWEEN.Easing.Quadratic.Out);
tween1.onUpdate(onUpdate);
tween2.onUpdate(onUpdate);
tween1.start();

function onUpdate() {
    let time = this._object.time;
    group.children.forEach((d, i) => {
        d.position.set(time * origin_position[i][0] + (1 - time) * random_position[i][0], time * origin_position[i][1] + (1 - time) * random_position[i][1], (1 - time) * random_position[i][2]);
    })
}

这部分只是用了tween的基础功能，请自行查看tween文档。

 

转载请注明地址：郭先生的博客