从DOM元素生成图像

Question

是否可以从dom元素(span,div,image等)生成图像？在这种情况下我不能使用canvas,并且它不必是跨浏览器兼容的,只要它在某些浏览器中有效.:-)

谢谢!

社区编辑: "所以我认为客户端已经可以很好地显示这些元素,但是您希望服务器能够,例如在网站周围显示预览图像？" "是啊,没错.只是一个小的预览,使他们能够看到他们开什么图,预览也将在其他地方很少使用了."

Answer 1

\n

所以我认为客户端已经可以很好地显示这些元素，但是您希望服务器能够进行预览？

\n

是的，完全正确。只需一个小预览，这样他们就可以看到他们正在打开什么图表，并且预览也将在其他小地方使用。\xe2\x80\x93 操作

\n

\n

客户端：

\n

\n

• 你正在要求一些非常...有趣的东西。=) 这是可能的，因为有基于网络的错误跟踪解决方案允许用户截取屏幕截图。例如，我通过谷歌搜索发现的这个随机的website bug report screenshot似乎使用浏览器扩展来执行魔法。

  \n
\n

• 您也许还可以使用 Flash 来施展这一魔法。

  \n
\n

• 或者，如果不会产生重大开销，您可以使用 a 即时生成“图像” <div style="overflow:hidden; position:relative;"> (insert all your dom elements here) </div>，但如果单个图像具有非常非常非常大量的元素，这会显着减慢向下渲染您实现的任何类型的“预览页面”，除非您在几秒钟内将 html 一次插入到页面中；不过，该页面可能仍然有点滞后。

  \n
\n

\n

服务器端：

\n

\n
• 然而，最便携的方法是使用服务器端 Web 渲染引擎（最好是沙盒），该引擎被设计为可通过编程方式访问，即可以让您截取页面的屏幕截图。
\n

\n