问SVG的透明背景
EN

Stack Overflow用户

提问于 2016-01-09 19:47:12

回答 1查看 13.8K关注 0票数 0

我正在与SVG的工作，并想创建一个透明的背景。下面的示例应该显示为一个白色圆圈，其中有一条路径。然而，整个300px的白色画布显示为一个正方形，我如何获得我想要的结果，因为我看不到画布是在哪里定义的？

<?xml version="1.0"?>
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" height="300" width="300" version="1.1" xml:space="preserve">
<circle fill="#FFFFFF" cx="150.267" cy="149.854" r="111.303" fill-opacity="1"/>
<g transform="translate(0.000000,632.000000) scale(0.100000,-0.100000)" fill-opacity="1">
<path fill="#54534A" d="M2204.344,4414.691v-122.67h81.643h81.642l-1.237,6.804c-0.619,3.505-1.649,10.515-2.474,15.462l-1.443,8.659
        h-61.438h-61.644v38.141v38.141h54.635h54.635v16.493v16.494h-54.635h-54.635v36.079v36.08h60.613h60.407l1.443,10.515
        c0.825,5.979,2.062,13.401,2.68,16.493l1.237,5.979h-80.818h-80.612V4414.691z"/>

<!-- Other paths omitted -->
</g>
</svg>

css

svg

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-09 19:52:49

显示为一个300x300px的矩形，背景透明，里面有一个较小的白色圆圈和字母E(路径)。

您确定您不是无意中用CSS为svg元素添加了白色背景？

画布是<svg>元素本身，您可以使用CSS更改其背景：

svg {
    background: red;
}

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34693069

复制

相似问题

问SVG的透明背景
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SVG的透明背景EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SVG的透明背景
EN