javascript - 如何使用 JavaScript 操作 SVG 背景图像

Question

我想使用 JavaScript 删除背景图像中根 svg 元素的 viewBox 属性。我该怎么做？

.box {
  background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/86/CC-logo.svg);
  background-repeat: no-repeat;
  background-size: auto auto;
  width: 300px;
  height: 150px;
  border: 1px solid;
}

<div class="box">
  stretch background
</div>

以下是 SVG 文件中的前几个字符。

<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 123">

Answer 1

您可以使用SVG fragment identifier与viewBox(无)一起

将网址更改为

http://upload.wikimedia.org/wikipedia/commons/8/86/CC-logo.svg#svgView(viewBox(none))

这将在 Firefox 中运行(并且在 Opera 12 中也运行)。不确定有多少其他 UA 支持 SVG 1.2 tiny 中的 viewBox(none)不过。