html5-canvas - 来自画布的图像

Question

我正在尝试从画布中获取数据并设置 img 元素的 src 属性。这里的问题是，画布有一个用 css 设置的背景图像，而不是用画布方法。有什么方法或方法可以提取背景图像，以便 toDataURL 方法可以捕获它？

谢谢

Answer 1

我想您不将背景图像绘制到画布本身是有充分理由的，因此我可以为您提供以下解决方案：

• 将背景图像绘制到位于第一个画布下方的第二个画布元素。
• 当您想要获取画布数据并使用它时，请创建第三个画布（无需将其附加到 DOM 或使其可见。
• 在上面绘制背景画布，然后在顶部绘制主画布。
• 从第三个画布中获取数据。
• 瞧。