javascript - HTML5 组合多个画布并实时更新

Question

我正在尝试结合改变颜色以响应消费者选择的画布。我已将 PNG 放置在多个具有透明背景的画布上。我需要组合它们并保存最终图像的 png 以传递到篮子并发布到我的服务器。任何人都可以帮忙吗？您可以在http://www.ewe.potberrys.com/colour_image_3.php查看页面和代码。请原谅代码的质量。我是新人:) 谢谢

Answer 1

我建议不要保存PNG。只需将颜色与您的订单一起保存（无论如何您都必须这样做）并使用您在选择器工具中执行的相同方法在篮子中渲染头盔。

可能有可能（但我不是 100% 确定）在 Chrome 中的客户端生成图像并通过隐藏表单发布，但堆栈太实验性了，还没有准备好投入生产。

更简单一点，可以在服务器端使用 ImageMagic 和 PHP 来完成。我不是 PHP 专家，但您可以轻松地用谷歌搜索示例代码 - 有很多。

我的建议：不要打扰。只需整理你的 JavaScript，它就可以使头盔在多个维度的多个地方可用。