html javascript将一个图像放在另一个图像上并发布到facebook

在我的web应用程序中，用户使用javascript从pc打开一张照片（我使用预览脚本而不上传到服务器）。然后我有一个可拖动的图像，用户可以拖动到他的照片上，并将其放置在他想要的位置。我想要的是创建一个最终的图像，它有3层，一层是用户的图像，另一层是可拖动的图像，第三层是徽标。然后用户应该能够将该图像发布到Facebook

现在是问题。我不想将用户的图片和位置等上传到我的服务器，并在服务器端创建图片保存并发布。我希望最终的图像在浏览器级别创建（我猜是javascript），然后直接发布到facebook

---

有人能给我指路吗？有什么图书馆可以提供帮助吗？

对于问题的第一部分，答案是这个图书馆

---

它接受html并以极高的精度将其转换为画布。我仍然需要找到如何在Facebook上发布它。

类似的问题看起来很有帮助。如果它能工作，我仍然需要帮助从canvas发布一张图片到Facebook（如果canvas完成了我想要的工作）。