我有一个客户要求我做一些类似于你在主流 T 恤网站上看到的衬衫设计师的东西。
它需要用户能够在文本输入中输入文本，然后在图像周围拖动文本。我有两个主要问题，如果我能弄清楚它们，我将能够完成这个项目......
关注1：如何让文本在图像周围拖动？我的想法是使用可拖动的 Jquery UI 在页面周围拖动文本。我只会使用 jquery 来获取文本输入的值并将其放入可拖动的 div 中。这听起来像是一个好计划吗？
问题 2：我如何拍摄包含他的衬衫图像和他想要的位置的文本的主 div 的快照，以便我可以将图像传递给网站所有者？是否有某种脚本可以拍摄 div 的快照？我四处寻找答案，但找不到太多。
任何帮助是极大的赞赏
看看 FabricJS：http ://fabricjs.com/ ，尤其是厨房水槽演示：http ://fabricjs.com/kitchensink/
您可以进行所需的文本修改，然后将其导出为 SVG。
您可能需要考虑使用 HTML5 画布（如果您需要支持的浏览器支持它）。然后，您将能够使用诸如此类的库：http://www.nihilogic.dk/labs/canvas2image/对于拖放，请查看此链接：http ://html5.litten.com/how-在 html5-canvas/ 上拖放
如果你必须使用 jQuery 来支持客户端浏览器，我不相信有一个简单的方法来捕获图像。但是，您可以做的是将 T 恤上文本的坐标、宽度、字体、字体大小和字体颜色发送到服务器，并在那里渲染图片。然后，您可以在客户完成订单之前，在确认对话框中将该图片加载回客户浏览器中。如果这听起来很合理，并且您可以访问服务器环境，那么您使用什么语言进行编程？php？其他？
您可能还想考虑网站所有者实际上是如何创建在网站上制作的 T 恤的。可能是文本的坐标，以及字体等……都是他/她制作衬衫所需要的，而不仅仅是最终版本应该是什么样子的图片。