Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/101.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css SVG的透明背景_Css_Svg - Fatal编程技术网

Css SVG的透明背景

Css SVG的透明背景,css,svg,Css,Svg,我正在与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

我正在与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>

显示为一个300 x 300px的矩形,背景透明,内部有一个较小的白色圆圈和字母E(路径)

你确定你不是偶然给svg元素一个带有CSS的白色背景吗

画布是
元素本身,您可以使用CSS更改其背景:

svg {
    background: red;
}

我不确定我是否正确地解释了你的问题。。。你能回答这个问题吗?@seahorsepip你是对的,抱歉,但是,没有白色方块,所以它只是感觉到“缺乏”接近投票的理由。@Kaido是的,这就是为什么我不理解这个问题。他想要一个白色的正方形,但他不想要一个白色的正方形。。奇怪。有人明白吗?抱歉,有个打字错误,我指的是背景透明的白色圆圈。