将Div内容保存为服务器上的图像

Question

我在VB中学习了一些jQuery和.Net.我已经创建了一种产品自定义工具,它基本上可以叠加div并在T恤上添加文本,图像等.

我陷入了一个重要的舞台!

我需要能够将包含所有这些div文本和图像的div的内容转换为一个平面图像,同时考虑到已经应用于它的任何CSS.

我听说过可以用来屏幕捕获服务器上浏览器内容的东西,这可能是低分辨率等等,但听起来有点麻烦!并且创建高分辨率的图像真的很棒.

我也听说将html转换为html5画布然后写出来...但看起来太复杂了我无法理解和浏览器支持是一个问题.

这在.NET中可行吗？

也许用javascript可以做些什么？

任何帮助或指导正确的方向将不胜感激!

编辑:

我想也许我可以做两个解决方案.理想情况下,我最终会在网站上显示正常的res jpg/png等,但是打印就绪的高分辨率文件也是非常理想的.

PostScript打印机 - 我听说过它但是我很难找到一个很好的资源来为初学者理解它(特别是wiki黑掉).也许我可以从我的div内容创建一个html页面并将其发送到EPS文件.有人知道任何好的教程吗？

Answer 1

大约10年前我们就这么做了。有趣的是，可用的技术实际上并没有太大变化。

更新 - 最佳答案

Spreadshirt 许可其产品：http://blog.spreadshirt.net/uk/2007/11/27/everyones-a-designer-free-designers-for-premium-partners/

只要获得许可即可。不要自己这样做，除非您有真正的图形操作和打印制作经验。我想说的是，在当今世界，您需要花费大约 4,000 到 5,000 小时的开发时间来复制他们所做的事情……而且前提是您有两名顶级人员从事这项工作。

简短的回答：你不能在 html 中做到这一点。

答案稍长：
它不起作用，部分原因是您无法对客户端进行屏幕限制并获得生产类型打印所需的分辨率级别。现代屏幕分辨率通常约为 100 ppi。为了获得像样的打印效果，您确实需要该密度的 3 到 6 倍。否则你会有很多像素化，而且出来时通常看起来像垃圾。

不同的答案：
最好的选择是利用 SVG（可缩放矢量图形）之类的东西并向浏览器提供一种绘图表面。有多种方法可以使用 Flash（Spreadshirt.com 使用此）或 Silverlight（不推荐）来实现此目的。我们使用了闪光灯，效果非常好。

您也许能够摆脱使用 HTML 5 的困扰。无论如何，无论您选择什么路径都会很复杂。

一旦用户对他们的绘图感到满意并想要将其打印出来，您就可以创建最终文件并运行一个过程将其转换为 Postscript 或您的 T 恤提供商需要的任何格式。转换器（又名 RIP 软件）要么需要很长时间来开发，要么要花费一大笔钱......选择一个。（有用的提示：购买它。当时，我们花费了大约 2 万美元，这比尝试开发便宜得多）。

当然，这忽略了色彩匹配和校准等问题。这实际上是我们的首要问题。每个人的显示器都略有不同，在一台机器上看起来像红色的东西在另一台机器上看起来是粉红色的。

作为一点背景知识，我们正在制作定制包装纸。用户添加文本，从我们的库中选择图像或上传自己的图像，然后选择一个图案。我们的印刷品是在大幅面 HP 喷墨打印机（36 英寸和 60 英寸宽）上打印的。最终，我们仅在开发资源上花费了 20 万到 30 万美元来实现这一目标……不幸的是，我们的销售价格对于市场来说太高了。