SVG图像和使背景透明化

Question

如何声明一个svg脚本图像的背景为透明？

- Ken

---

请更具体地说明。它是插入在哪种类型的文档中？父元素是什么？什么是“svg脚本图像”？ - Erik Dahlström

Answer 1

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

如果您想使背景半透明，则用<rect>填充空间，并将其不透明度设置为0到小于1的数字。

- Peter Collingridge

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">

以下是示例内容

    <g transform="translate(0.000000,24.000000) scale(0.100000,-0.100000)" fill="#ff0000" stroke="none">
        <path d=""/>
    </g>
</svg>

删除所有在

之间的数据

- Peter Marynowski