将DIV的所有内容转换为SVG缩略图

Question

我有一个webapp，我在不同的div中有各种幻灯片。 在左侧屏幕中，我列出了所有这些幻灯片作为迷你缩略图。

有没有办法将每个幻灯片转换成SVG缩略图？

Answer 1

您可以使用html2canvas来实现您想要的效果。

http://html2canvas.hertzen.com/faq.html http://html2canvas.hertzen.com/

有关类似问题，请参阅：Can html2canvas render svg in a page?

Answer 2

如果这些幻灯片由svg元素描述，您可以像这样使用“use”元素。

<!--main slide-->
<div>
    <svg id="slide_1"></svg>
</div>
...
<!--thumbnail-->
<div>
    <svg><use xlink:href="#slide_1"/></svg>
    ...
</div>