在那里，我正在使用 HTML、Jquery 和 javascript 创建一个印章制作器。在我的应用程序图像的编辑器中添加到 HTML Canvas (简单)和文本，我只需创建新的行元素，然后将其附加到 Canvas 。但问题是我想要我的图像位于文本后面。我在谷歌上搜索了很多，还搜索了 stackoverflow，我得到了创建多个 Canvas 的解决方案，但最后我必须下载 Canvas 以供用户使用。有问题。我想将整个 Canvas 与文本第一张图像和第二张图像一起导出。如果我为文本创建单独的 Canvas ，为图像创建另一个 Canvas ，并为图像提供一个低 zindex，那就没问题了，但会有一个 Canvas 作为图像导出。
链接到 Canvas 中的多个图层 html5 - canvas element - Multiple layers
我希望我们能够想出如何将两个 Canvas 下载为图像或找到一种将图像拍摄到 Canvas 背面的方法。
任何答案将不胜感激。
最佳答案
如果您将文本、第二张图像和第一张图像存储在变量中，您可以按照您喜欢的顺序将它们绘制在 Canvas 上。这意味着，只要图像或文本发生变化，您就应该清理 Canvas 并重新绘制所有内容。
此外，您可能对 Compositing 感兴趣，因为它允许您决定相对于现有绘图绘制新对象的位置(顶部、后面等)
关于javascript - 在没有多个 Canvas 的情况下对 Canvas 进行分层，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61700457/