Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html (SVG)是否可以有多个<;对象>;?_Html_Svg - Fatal编程技术网

Html (SVG)是否可以有多个<;对象>;?

Html (SVG)是否可以有多个<;对象>;?,html,svg,Html,Svg,我想通过-tag嵌入SVG(内置以实现向后兼容性) 现在我注意到,如果我想在页面上多次使用图片,每次都会再次下载(仅限FF测试) 我能做些什么吗?如果不是,则意味着放弃对象方法 我不想使用JAVASCRIPT。您可以在页面顶部创建一个主SVG,其中包含作为符号的所有形状,然后在整个页面中引用SVG标记中的USE标记中的符号。查看use文档:http服务器是否指示该对象可缓存?@RobertLongson SVG被缓存,但每个都发送自己的请求(并获取304未修改的)。即使我在本地测试中进行测

我想通过
-tag嵌入SVG(内置
以实现向后兼容性)


现在我注意到,如果我想在页面上多次使用图片,每次都会再次下载(仅限FF测试)

我能做些什么吗?如果不是,则意味着放弃对象方法


我不想使用JAVASCRIPT。

您可以在页面顶部创建一个主SVG,其中包含作为符号的所有形状,然后在整个页面中引用
SVG
标记中的
USE
标记中的符号。查看
use
文档:http服务器是否指示该对象可缓存?@RobertLongson SVG被缓存,但每个
都发送自己的请求(并获取
304未修改的
)。即使我在本地测试中进行测试,图像也只会在短时间延迟后呈现(这不是太大问题,但多个请求是)@sean这听起来很有趣,但浏览器支持较少,例如IE9-11无法处理它(没有JS)@musicman IE9-11无法处理带有外部URI的
使用
元素,但是他们应该能够在页面顶部内联的主SVG中引用符号。
<object type="image/svg+xml" data="/res/qm.svg"></object>
<object type="image/svg+xml" data="/res/valid.svg"></object>

<object type="image/svg+xml" data="/res/qm.svg"></object>
<object type="image/svg+xml" data="/res/valid.svg"></object>

<object type="image/svg+xml" data="/res/qm.svg"></object>
<object type="image/svg+xml" data="/res/valid.svg"></object>

<object type="image/svg+xml" data="/res/qm.svg"></object>
<object type="image/svg+xml" data="/res/valid.svg"></object>