【问题标题】:Rendering html content to canvas将 html 内容渲染到画布
【发布时间】:2014-05-02 14:10:10
【问题描述】:

我正在使用 html5/javascript 开发 Windows 商店应用程序,我需要捕获我的屏幕,但没有直接的 api 来呈现屏幕。所以我使用 html2canvas.js 将 html 内容渲染到画布并使用 winjs 将其保存为位图,但 html2canvas.js 不会在我的屏幕上渲染旋转的 div,尽管它可以渲染旋转的图像。

如何使用 tml2canvas 或任何其他答案将旋转的 div 从 html 渲染到画布将不胜感激。请帮助我

谢谢

【问题讨论】:

    标签: javascript windows-store-apps html2canvas


    【解决方案1】:

    Simon 的回答错误地指出您不能将任意 HTML 渲染到 HTML Canvas。 Here is an article from Mozilla Dev Network 教你如何做到这一点。

    从技术上讲,它不是任意 HTML,因为它有跨域限制,并且您不能包含 iframe,但与您的问题所要求的相比,这些是非常小的缺失部分。

    【讨论】:

      【解决方案2】:

      您不能将任意 HTML 渲染到画布。

      有一些库可以近似它,但目前只有这些库可供选择。

      至少从 2009 年开始,就有一些关于将“HTML 文档片段”渲染到画布上的讨论,但还没有浏览器认真考虑过实现类似的东西。

      引用 HTML Canvas 规范:

      注意:2D 上下文 API 的未来版本可能会提供一种将使用 CSS 渲染的文档片段直接渲染到画布的方法。

      (来源:WHATWG Spec

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-02-03
        • 2021-05-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多