可见时动态加载SVG组

时间:2016-03-29 11:04:25

标签: javascript html css svg

我有一个(相当大的)SVG文件,我将其嵌入固定宽度<div>内的HTML页面中(使用<object>标记,以便点击元素可以启动SVG动画)。

SVG比div宽得多,因此,一次只能看到它的一小部分。可以使用水平滚动功能选择可见部分。

然而,浏览器似乎立刻加载整个SVG,这使得它非常慢。 SVG包含许多包含大部分结构的组。据说,忽略不可见组的内容会使它更快。

只有当SVG组成为或即将变为可见时,我有哪些动态加载SVG组的选项?然后在他们再次离开<div>时卸载它们?

目前SVG 内联,我只使用SVG动画作为水平滚动的图形内容和javascript动画。

0 个答案:

没有答案