我可以用什么替代SVG词云?

时间:2013-01-04 21:13:54

标签: html5 svg html5-canvas

最近,我在Illustrator中为客户设计了一个文字云。它在徽标路径上的彩色背景上使用了大约5,000个人的白色名字,并包含一些矢量徽标。每个名字都非常小,我们希望能够在云上搜索并找到我们的名字。

我们已将其作为SVG成功上线 - 但是20M文件可能会导致问题!

所以一切都会好的,直到我们同时达到10,000名访问者,并使我们所有的服务器崩溃并使所有人都超时。

那么我们可以选择哪种方式快速,方便访问者使用,并且无延迟?我们考虑Canvas,但不确定用[真的(关于跟随徽标路径的东西)]定制形状制作文字云是否简单。

1 个答案:

答案 0 :(得分:4)

听起来你有20Mb,因为名称是用路径存储/表示的。如果您将它们表示为文本,您将大大减小文件的大小,并使其适当搜索。

假设每个名称包含13个字符(包括其间的空格),UTF-8编码和10,000个名称,名称本身应该只占127Kb。您可能希望尝试传输SVG的背景和名称(JSON?),并使用脚本在浏览器中构建云。

编辑:即使您创建了一个完全静态的SVG,将文本表示为文本也会比使用路径节省大量空间。