【问题标题】:Capture a div as an image [duplicate]将 div 捕获为图像 [重复]
【发布时间】:2012-12-05 10:15:11
【问题描述】:

我有一些包含由 JavaScript 呈现的图表的 div 标签。我想通过按一下按钮以图像格式导出它们。我不知道是否可以使用 JavaScript 将 div 标签捕获为图像!所以我在这里寻求提示和提示。

【问题讨论】:

    标签: javascript html image-capture


    【解决方案1】:

    您可以使用画布元素创建图像。 如果您的图表使用 HTML 元素呈现,您需要 draw that HTML onto the canvas。 然后可以在画布上使用 toDataURL 来获取 B64 编码的图像数据。

    【讨论】:

      【解决方案2】:

      仅使用 JavaScript 是不可能的。

      JavaScript 无法在 PC 上保存文件,也无法将 DOM 转换为图像格式。

      【讨论】:

        【解决方案3】:

        【讨论】:

        • 他不是要求将画布保存到图像中,而是要截取页面的一部分。
        【解决方案4】:

        你可以试试phantomjs,http://phantomjs.org/,虽然我没有亲自使用过,但是它被广泛用于屏幕截图

        【讨论】:

          【解决方案5】:
          1. JS 无法访问显示以防他无法解析 HTML
          2. 您可以调用一些实用程序来制作区域截图。但它使用起来并不安全,因此如果您授予访问权限,它就会起作用。
          3. 这个问题已经被问到here。可能它有一些你需要的好东西

          【讨论】:

            猜你喜欢
            • 2016-12-26
            • 2014-04-03
            • 1970-01-01
            • 2013-01-13
            • 2013-12-28
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多