svg 图像并使背景透明

Question

如何将

svg

脚本图像的背景声明为透明？

Answer 1

如果您在浏览器中查看，则背景应自动透明。至少在 FF4 和最新版本的 Chrome 中是这样，但在某些较旧的浏览器中却不是这样（例如 http://petercollingridge.co.uk/data-visualization/mouseover-effects-svgs）。

如果您希望背景是半透明的，请用

<rect>

填充空间，并将其不透明度设置为 0 到小于 1 之间的数字。

Answer 2

更简单的方法是删除文件内容中使用的所有数据。

例如，这是未更改之前的文件内容。

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="24.000000pt" height="24.000000pt" viewBox="0 0 24.000000 24.000000" preserveAspectRatio="xMidYMid meet">

之后文件内容如下。

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg>
  <g transform="translate(0.000000,24.000000) scale(0.100000,-0.100000)" fill="#ff0000" stroke="none">
    <path d=""/>
  </g>
</svg>