Jquery 衬衫设计师 - 如何？

Question

我有一位客户要求我制作类似于您在主流 T 恤网站上看到的衬衫设计师的作品。

用户需要能够在文本输入中输入文本，然后将文本拖动到图像周围。我有两个主要问题，如果我能解决它们，我就能完成这个项目......

问题1:如何让文字在图像周围拖动？我的想法是使用 Jquery UI Draggable 来拖动页面周围的文本。我只是使用 jquery 来获取文本输入的值并将其放入可拖动的 div 中。这听起来是个好计划吗？

问题 2:如何拍摄主 div 的快照，其中包含他的衬衫图像和他想要的位置的文本，以便我可以将图像传递给网站所有者？是否有某种脚本可以拍摄 div 的快照？我四处寻找这个问题的答案，但找不到太多。

非常感谢任何帮助

Answer 1

看看 FabricJS:http://fabricjs.com/尤其是厨房水槽演示:http://fabricjs.com/kitchensink/

您可以进行所需的文本修改，然后将其导出为 SVG。