Svg 无法在 Image Viewer Ubuntu 18.04 上正确呈现

如何解决Svg 无法在 Image Viewer Ubuntu 18.04 上正确呈现

嗨，我正在尝试使用 svg 文件，但它似乎无法正确呈现。下面是我在打开 test.svg 文件和代码时在图像查看器中获得的输出屏幕截图。请注意，相同的代码适用于 w3schools.com 等网站。但是，当我创建一个名为 test.svg 的文件并将此代码放入其中并在保存后双击它时，我没有得到正确的输出。为什么当我把它放在一个文件中但在在线网站上工作时代码不起作用？我该如何解决？

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="progress-radial" width="400px" height="400px" 
         viewBox="0 0 120 120" shape-rendering="geometricPrecision">
      <defs>
        <mask id="circle_mask" x="0" y="0" width="100" height="100" maskUnits="userSpaceOnUse">
          <circle cx="50" cy="50" r="51" 
                  stroke-width="0" fill="black" opacity="1"/>
          <circle id="bar" r="50" cx="50" cy="50" fill="transparent" 
                  stroke-dasharray="1" stroke-dashoffset="1000" stroke="white" stroke-width="9"></circle>
          <circle class="progress-radial-mask-inner" 
                  cx="50" cy="50" r="40" stroke-width="0" fill="black" opacity="1"/>
        </mask>
      </defs>
      <g mask="url(#circle_mask)">
        <circle class="progress-radial-track" cx="50" cy="50" r="50"  opacity="1" fill="#1a3331"/>
        <path class="progress-radial-bar" transform="translate(50,50)" 
              d="M 0 0" fill="#66cdc3">
        </path>
      </g>
    </svg>

错误输出：

这是 w3schools 上的相同代码示例，请注意它在那里工作： working here