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

Convert all the content of a DIV into a SVG thumbnail

本文关键字：转换 SVG 略图 DIV      更新时间：2023-09-26

我有一个webapp，我在不同的div中有各种幻灯片。在左边的屏幕上，我有一个所有这些幻灯片的小缩略图列表。

是否有办法将每个幻灯片div转换为SVG缩略图?

你可以使用html2canvas来实现你想要的。

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

对于类似的问题，请参考:html2canvas可以在页面中渲染svg吗?

如果这些幻灯片是由svg元素描述的，则可以像这样使用"use"元素。

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