介绍一个nodejs实现图片拼接插件

介绍nodejs实现图片拼接插件功能：1、横向拼接两张图片；2、纵向拼接两张图片；3、批量拼接；4、自定义拼接矩阵等。

依赖引入

复制代码const consoleInput = require('@jyeontu/img-concat');
const ImgConcatClass = new ImgConcat();
1
2

1、横向拼接两张图片

复制代码const consoleInput = require('@jyeontu/img-concat');
const ImgConcatClass = new ImgConcat();
const p1 = {
    left:'.\\img\\n1.jpg',
    right:'.\\img\\n2.jpg',
    target:'.\\longImg'
}
// 横向拼接两张图片
ImgConcatClass.collapseHorizontal(p1).then(res=>{
    console.log(`拼接完成,图片路径为${res}`);
});
1
2
3
4
5
6
7
8
9
10
11

2、纵向拼接两张图片

复制代码const consoleInput = require('@jyeontu/img-concat');
const ImgConcatClass = new ImgConcat();
const p1 = {
    left:'.\\img\\n1.jpg',
    right:'.\\img\\n2.jpg',
    target:'.\\longImg'
}
//纵向拼接两张图片
ImgConcatClass.collapseVertical(p1).then(res=>{
    console.log(`拼接完成,图片路径为${res}`);
});
1
2
3
4
5
6
7
8
9
10
11

3、批量拼接

复制代码//3.1横向拼接长图
const consoleInput = require('@jyeontu/img-concat');
const ImgConcatClass = new ImgConcat();
const p = {
    folderPath:'.\\img',        //资源目录
    targetFolder:'.\\longImg',  //转换后图片存放目录
    direction:'y'               //拼接方向，y为横向，n为纵向
}
// 拼接目录下的所有图片
ImgConcatClass.concatAll(p).then(res=>{
    console.log(`拼接完成,图片路径为${res}`);
})

//3.2纵向拼接长图
const consoleInput = require('@jyeontu/img-concat');
const ImgConcatClass = new ImgConcat();
const p = {
    folderPath:'.\\img',        //资源目录
    targetFolder:'.\\longImg',  //转换后图片存放目录
    direction:'n'               //拼接方向，y为横向，n为纵向
}
// 拼接目录下的所有图片
ImgConcatClass.concatAll(p).then(res=>{
    console.log(`拼接完成,图片路径为${res}`);
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

4、自定义拼接矩阵

复制代码const consoleInput = require('@jyeontu/img-concat');
const ImgConcatClass = new ImgConcat();
const p = {
    shape:[['.\\img\\n1.jpg','.\\img\\white.jpg','.\\img\\n2.jpg'],
            ['.\\img\\white.jpg','.\\img\\n3.jpg','.\\img\\white.jpg'],
            ['.\\img\\n4.jpg','.\\img\\white.jpg','.\\img\\n5.jpg']
        ],
    target:'.\\longImg'
};
//自定义矩阵拼接图片
ImgConcatClass.conCatByMaxit(p).then(res=>{
    console.log(`拼接完成,图片路径为${res}`);
});
1
2
3
4
5
6
7
8
9
10
11
12
13

进入前端入门建站教程官网入口

Node中文官网介绍（优点介绍）

如何查询webpack/git/node版本号

wordpress建站如何设置伪静态页面

vue页面如何利用插件实现列表滚动循环

vuejs怎么结合pinia插件

标签： Node, 图片, 插件

上面是“介绍一个nodejs实现图片拼接插件”的全面内容，想了解更多关于 nodejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2276.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！