需要 JavaScript 咨询(在 HTML5 上下文中)

Question

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

[说明]

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

• 我们拖放和操作图像，最后我们想将贺卡(合成表面)保存为图像文件...

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

  2. 如何用 Canvas 做？牢记性能？

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

• 是否有一个 JS 脚本可用于使浏览器支持某些 HTML5 功能(如果它不支持某些功能，例如让浏览器模拟和支持 :))，我自己不喜欢这个问题，但谁知道呢))

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

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

我知道 html2Canvas 据说不是很完美，还有 Modernizer 脚本可以帮助确定浏览器的 html5 特性

Answer 1

我不知道没有 Canvas 怎么办，但有了它们，就有 toDataURL 方法。您可以在这里阅读:http://www.nihilogic.dk/labs/canvas2image/

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

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