草庐IT

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

coder 2024-07-24 原文

我已经在 VB 中学习了一些 jQuery 和 .Net。我创建了一种产品定制工具,基本上可以将 div 分层并在 T 恤上添加文本、图像等。

我卡在了一个重要的舞台上!

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

我听说过一些东西可以用来屏幕捕获服务器上浏览器的内容,这可能适用于低分辨率拇指等,但这听起来有点麻烦!如果能创建高分辨率的图像,那就太好了。

我也听说过将 html 转换为 html5 Canvas ,然后将其写出来...但看起来太复杂了,我无法理解,而且浏览器支持是个问题。

这在 .NET 中可行吗?

也许可以用 javascript 做些什么?

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

编辑:

我在想也许我可以用两种解决方案来解决这个问题。理想情况下,我最终会在网站上显示一个普通的 res jpg/png 等,但也非常需要打印就绪的高分辨率文件。

PostScript 打印机 - 我听说过它,但我正在努力寻找适合初学者理解它的好资源(尤其是在 wiki 停电的情况下)。也许我可以从我的 div 内容创建一个 html 页面并将其发送到 EPS 文件进行打印。有人知道这方面的任何好的教程吗?

最佳答案

我们是这样做的……大约 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 万美元,这比尝试开发便宜得多)。

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

关于一些背景知识,我们正在制作定制的 wrapper 。用户添加文本,从我们的库中选择图片或上传自己的图片,然后选择一个图案。我们的打印件是在大幅面 HP 喷墨打印机(36 英寸和 60 英寸宽)上打印出来的。最终,我们仅在开发资源上就花费了 20 万到 30 万美元来实现它……不幸的是,我们不得不以对市场来说太高的价格出售。

关于javascript - 将 Div 内容保存为服务器上的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8912097/

有关javascript - 将 Div 内容保存为服务器上的图像的更多相关文章

  1. ruby - 使用 ruby​​ 和 savon 的 SOAP 服务 - 2

    我正在尝试使用ruby​​和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封,在我看来soap请求没有正确的命名空间。任何人都可以建议我

  2. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

    我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时,它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器?这是不可能的吗?谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

  3. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值,但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗?ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值,你可以这样做:values=@input[x]

  4. ruby-on-rails - 启动 Rails 服务器时 ImageMagick 的警告 - 2

    最近,当我启动我的Rails服务器时,我收到了一长串警告。虽然它不影响我的应用程序,但我想知道如何解决这些警告。我的估计是imagemagick以某种方式被调用了两次?当我在警告前后检查我的git日志时。我想知道如何解决这个问题。-bcrypt-ruby(3.1.2)-better_errors(1.0.1)+bcrypt(3.1.7)+bcrypt-ruby(3.1.5)-bcrypt(>=3.1.3)+better_errors(1.1.0)bcrypt和imagemagick有关系吗?/Users/rbchris/.rbenv/versions/2.0.0-p247/lib/ru

  5. ruby-on-rails - date_field_tag,如何设置默认日期? [ rails 上的 ruby ] - 2

    我想设置一个默认日期,例如实际日期,我该如何设置?还有如何在组合框中设置默认值顺便问一下,date_field_tag和date_field之间有什么区别? 最佳答案 试试这个:将默认日期作为第二个参数传递。youcorrectlysetthedefaultvalueofcomboboxasshowninyourquestion. 关于ruby-on-rails-date_field_tag,如何设置默认日期?[rails上的ruby],我们在StackOverflow上找到一个类似的问

  6. ruby-on-rails - s3_direct_upload 在生产服务器中不工作 - 2

    在Rails4.0.2中,我使用s3_direct_upload和aws-sdkgems直接为s3存储桶上传文件。在开发环境中它工作正常,但在生产环境中它会抛出如下错误,ActionView::Template::Error(noimplicitconversionofnilintoString)在View中,create_cv_url,:id=>"s3_uploader",:key=>"cv_uploads/{unique_id}/${filename}",:key_starts_with=>"cv_uploads/",:callback_param=>"cv[direct_uplo

  7. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容? - 2

    我是一个Rails初学者,但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现),但没有得到任何结果。有什么建议吗?我知道Rails调试器,但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  8. ruby-on-rails - openshift 上的 rails 控制台 - 2

    我将我的Rails应用程序部署到OpenShift,它运行良好,但我无法在生产服务器上运行“Rails控制台”。它给了我这个错误。我该如何解决这个问题?我尝试更新ruby​​gems,但它也给出了权限被拒绝的错误,我也无法做到。railsc错误:Warning:You'reusingRubygems1.8.24withSpring.UpgradetoatleastRubygems2.1.0andrun`gempristine--all`forbetterstartupperformance./opt/rh/ruby193/root/usr/share/rubygems/rubygems

  9. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据,该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中,我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤,而不是严格相等。然而,这是行不通的:scope:my_scope,->(que

  10. ruby-on-rails - Ruby 检查日期时间是否为 iso8601 并保存 - 2

    我需要检查DateTime是否采用有效的ISO8601格式。喜欢:#iso8601?我检查了ruby​​是否有特定方法,但没有找到。目前我正在使用date.iso8601==date来检查这个。有什么好的方法吗?编辑解释我的环境,并改变问题的范围。因此,我的项目将使用jsapiFullCalendar,这就是我需要iso8601字符串格式的原因。我想知道更好或正确的方法是什么,以正确的格式将日期保存在数据库中,或者让ActiveRecord完成它们的工作并在我需要时间信息时对其进行操作。 最佳答案 我不太明白你的问题。我假设您想检查

随机推荐