如何使用图像图像高度和宽度控件将多个图像组合成单个图像答案

【问题标题】：How to combine multiple images into a single image with images images height and width controls如何使用图像图像高度和宽度控件将多个图像组合成单个图像
【发布时间】：2019-12-31 15:25:34
【问题描述】：

实际上，我是通过选择纱丽的体色、边框颜色和边框设计来设计纱丽的（都是图片）。这些是我选择的多张图片，但希望将设计的纱丽显示为单张图片，而不是显示为多张图片。

已经尝试过将多张图片合并为一张图片，但无法获得。

无法向您显示该文件，因为它已经有大量 HTML 代码，用于设计纱丽的 javascript。

只想将设计的纱丽显示为单张图片而不是多张图片。以下是示例链接：

https://originalstitch.com/design-dress-shirt

在这里，衬衫正在设计，但我想设计一件纱丽。而不是衬衫，纱丽应该显示颜色，边框设计。

【问题讨论】：

标签： javascript html

【解决方案1】：

您可以使用如下库：https://www.npmjs.com/package/html2canvas

这将允许您在画布中打开您的 html

那就用javascriptcanvas.toDataURL('png')

给你一个base64字符串，它是一个单一的图像

【讨论】：

也尝试了画布，但为此，没有用于调整图像宽度和高度的图像控制器。
使用画布正在工作，但是当我尝试在 laravel 项目中使用脚本添加画布时，图像未显示。当页面刷新时，图像只是闪烁一次。
当我尝试在 laravel 项目中添加以下代码时，图像不显示。