代码之家 › 专栏 › 技术社区 › manus

使用css的背景图像从servlet显示svg

svg servlets css html java

manus · 技术社区 · 6 年前

我有以下servlet代码片段:

Blob blob = rs.getBlob("ICON");
byte[] bytes = blob.getBytes(1, (int)blob.length());
response.getOutputStream().write(bytes);
response.setContentType("image/svg+xml");

和css片段: background-image: url(/IconData?type=get&iconId=6)

图像未显示。

如果我直接在浏览器中设置servlet URL,那么svg就会正确显示。我在Chrome网络控制台中注意到的一点是,在访问servlet时,图像/svg+xml内容类型不会发送到响应头中。

我错过什么了吗?

我使用保存到DB中的svg文件进行了测试: usa.svg

2 回复 | 直到 6 年前

David Conrad 6 年前

一旦您将数据写入流,就很可能太晚才设置标头。在将数据写入流之前,需要设置内容类型标头。

这个 setContentType documentation 部分地说:

设置发送到客户端的响应的内容类型, 如果尚未提交响应 […]如果在提交响应后调用此方法,则此方法无效。

(我的重点。)

Ryan Stone 6 年前

粘贴到html中

    content:type="image/svg" inside <header> <img> or <svg> ie <svg    
    content:type="image/svg">

推荐文章

Aaron · 使用feTurbulence SVG标记模拟Musgrave纹理动画

1 年前

Michael Lynch · 如何使用包来构建导入SVG的React组件库?

1 年前

Chris Barr · 为什么带有<defs>的SVG在转换为<symbol>时会丢失渐变?

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

JohnB · 将<svg>资源放在</body>之后合法吗?

2 年前

Hashim Aziz · 为什么使用SVG Core设置FontAwesome在默认情况下会禁用这些选项?

2 年前

Sougata Mukherjee · 如何同时悬停svg和文本

2 年前

Basj · 即使距离为3像素,也能检测到SVG线上的点击

2 年前

jana · 在带有javascript的svg中的锚点中插入rect元素不起作用

2 年前

Developer · 如何在SVG图例中将文本悬停在rect或legendcells上

2 年前