canva怎么拼接图片_canvas图片拼接（横向）

canvas图片拼接(横向)

之前的工作中遇到的拼接图片问题，于是写了这个图片拼接。大家一起看看吧！

毫无疑问，这次我们的技术栈是H5的canvas,代码有点长。大家耐心查看(建议PC)！

HTML部分

// 样板图片

合成

// 展示合成图

javaScript部分

// 拼出来的图片的宽度

const height = 300

// 拼出来的图片的质量，0-1之间，越大质量越好

const encoderOptions = 1

const uploadInput = document.getElementById('save-img');

const imageDiv = document.getElementById('image-container');

uploadInput.addEventListener('click', event => {

const