Question

如何声明svg脚本图像的背景是透明的？

Answer 1

如果您在浏览器中查看，则背景应自动透明。至少它是在FF4和最新版本的Chrome中，但在某些旧版浏览器中却没有（例如http://petercollingridge.co.uk/data-visualisation/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">

以下是

之后的示例

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

删除

之间的所有数据

svg图像并使背景透明

2 个答案: