【问题标题】:JavaScript Consultation needed with (in HTML5 context)需要 JavaScript 咨询(在 HTML5 上下文中)
【发布时间】:2012-10-05 18:02:42
【问题描述】:

这是一个与朋友的爱好项目, 但由于我将投资它(用于 UI/UX 设计),我需要确定可行性。 我自己是一名程序员,但我不认为有 JS 和 HTML5 方面的经验。

[描述]

我将在 JS 和 Html5 中而不是 Flash 或 Silverlight 中进行此类项目。 以下是有关 JavaScript 和 HTML5 可行性的问题列表:https://www.greetingbee.com/card-studio.aspx

  • 我们拖放并操作图像,最后我们希望将贺卡(组合表面)保存为图像文件...

    1. 没有画布怎么办?打印屏幕或生成 html 组合 (DOM) 特定区域的图像

    2. 如何用画布做到这一点?牢记性能?

  • 使用 SVG 和/或 PNG 来保持贺卡形状的质量以及调整大小等。任何建议和工具建议

  • 是否有一个 JS 脚本可以用来让浏览器支持一些 HTML5 功能,如果它不支持某些东西,比如让浏览器模拟和支持 :)),我自己不喜欢这个问题,但谁知道))

我知道它有点不寻常,但如果这些答案找到解决方案和提示,我们都可能受益。

我分享了这些具有某种解决方案的链接: www.stackoverflow.com/questions/12652769/rendering-html-elements-to-canvas/12660867#12660867

我知道 html2Canvas 据说不是那么完美,还有 Modernizer 脚本可以帮助确定浏览器的 html5 功能

【问题讨论】:

  • 从画布中,您可以将图像作为字节流获取并发送到服务器以存储在某个位置。你可以得到整个画布,或者你也可以得到一部分。
  • 你也可以在服务器端完成所有的图像混合,只用 JavaScript 实现一个功能性的拖放 UI。

标签: javascript image html canvas


【解决方案1】:

如果没有画布,我不知道该怎么做,但有了它们,就有toDataURL 方法。你可以在这里阅读:http://www.nihilogic.dk/labs/canvas2image/

如果您想将图像保存在服务器端,您可以通过 AJAX 或类似的方式将toDataURL() 返回的数据发送到您的服务器。

关于 HTML5 模拟的第二个问题,有一段代码可以让您在旧 IE 上使用 canvas 标签http://code.google.com/p/explorercanvas/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-02
    • 2013-03-05
    • 1970-01-01
    • 1970-01-01
    • 2017-07-09
    相关资源
    最近更新 更多