在客户端中创建复杂svg图形的缩略图

Question

我有一个基于输入参数创建复杂svgs的网站。要存储某些输入参数，我想将所选参数与缩略图一起保存到服务器。我不想在服务器上创建缩略图，因为svgs可能变得非常大（高达20MB，压缩仍然> 2MB）并且我不想将那么多数据发送到服务器。

当我通过画布在客户端创建缩略图时，UI会在几秒钟内无响应。我试图使用Webworker但似乎没有办法在工作者的画布上绘制svg。我不需要高质量的缩略图，所以我希望有另一种方法可以在客户端上创建svg的缩略图，这比通过画布更快。

Answer 1

我认为最好的方法可能是创建一个表示所有缩略图的svg根元素（例如，它的唯一元素可能只是文本“SVG”）。然后在svg根目录中包含所有参数（作为属性），用于表示它所代表的全尺寸svg，并将其发送到服务器。