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)虽然。