D3.js 存储多个(~10000)SVG填充模式

D3.js 存储多个(~10000)SVG填充模式,d3.js,svg,fill,D3.js,Svg,Fill,我正在将web服务从普通HTML/ASP.NET转换为D3/ASP.NET。我需要大约10000种不同的恒定填充模式,根据用户的请求,在单个网页上使用大约50种不同的填充模式(从10000种中选择)。对于HTML,所有这些模式都是目录中的小20x20px png文件,只有在页面请求时才按文件名加载。使用D3,我可以创建一个包含10000个SVG“模式”的大型“defs”文件,但每次都需要加载。关于如何有效地存储这些模式,有什么建议吗?谢谢 Jacques50个模式的组是否按逻辑分组,以便将它们放

我正在将web服务从普通HTML/ASP.NET转换为D3/ASP.NET。我需要大约10000种不同的恒定填充模式,根据用户的请求,在单个网页上使用大约50种不同的填充模式(从10000种中选择)。对于HTML,所有这些模式都是目录中的小20x20px png文件,只有在页面请求时才按文件名加载。使用D3,我可以创建一个包含10000个SVG“模式”的大型“defs”文件,但每次都需要加载。关于如何有效地存储这些模式,有什么建议吗?谢谢
Jacques

50个模式的组是否按逻辑分组,以便将它们放在单独的文件中?或者它们是临时的,因此您无法提前知道需要哪些?按需生成模式数据库存储约250000个项目,分为约10000个类别(每个类别一个模式)。请求的页面显示了数百个项目的符号映射,这些项目的类可以使用模式识别。这些模式不能按需生成,因为它们需要在请求之间和用户之间保持一致。这些是不同生物体的基因图谱,使用这些模式评估基因保护。然后通过ajax按需加载它们。