SVG根元素的默认背景色
我想为整个SVG文档设置一个默认背景色，例如红色。
<svg viewBox="0 0 500 600" style="background: red">/* content */</svg>
上面的解决方案是可行的，但不幸的是style属性的background属性不是标准属性:http://www.w3.org/tr/SVG/styling.html#svgstylingproperties，因此在使用SVG Cleaner进行清理的过程中会将其删除。
这个底色有没有另外一种申报方式？
共有1个答案
SVG1.2Tiny有viewport-fill我不确定这个属性的实现有多广泛，因为大多数浏览器目前都在针对SVG1.1。Opera实现了它。
当前更跨浏览器的解决方案是将宽度和高度均为100%且fill=“red”的
元素作为
元素的第一个子元素，例如：
<rect width="100%" height="100%" fill="red"/>
-
问题内容： 可以给SVG 元素背景色吗？如果没有，那么模拟它的最佳方法是什么？ 我的目标是给文本提供背景色，我发现填充元素将是完美的-它们已经“概述” 了代表多行文本行的文本块（元素）。 我正在使用的示例： 我尝试使用“填充”属性，但它似乎会影响文本的填充（颜色），而不是其后面的区域： 我也尝试通过CSS设置背景色： ..但不起作用（至少在Chrome 17和Firefox 12中）。 用“填充”
-
问题内容： 是否可以为SVG 元素设置a ？ 例如，如果设置了element ，则CSS样式有效，但都不起作用。 问题答案： 您可以通过将背景变成图案来实现： 根据您的图像调整宽度和高度，然后从这样的路径中引用它：
-
所以我才刚刚开始学习JavaFX，我用场景构建器做了几个文本字段。我为每个TextField分配了一些提示文本，但是当我启动应用程序时，第一个TextField已经被选中，所以我看不到提示文本。我能做点什么吗？
-
我已经搜索了整个网络，并尝试了几种方法，试图为设置默认背景色，但它仍然显示默认的白色。 我试图模拟控制台输出，我需要整个背景为黑色，即使没有文本。 看起来像和只处理任何插入的文本，但背景的其余部分仍然是默认的白色。 我看到了一些关于设置背景颜色的错误。 我怎么能做到呢？ 它是纯文本，不是任何HTML。 谢谢 更新： 我终于找到了一些有效的方法。 使用setBackground（Color.BLAC
-
问题内容： 我想像在CSS中一样给SVG的背景上色 我只能找到有关的文档，该文档使文本本身着色 可能吗 问题答案： 否，这是不可能的，SVG元素没有 表示属性。 为了模拟这种效果，您可以使用或类似的东西（过滤器）在text属性后面绘制一个矩形。使用JavaScript，您可以执行以下操作：
-
问题内容： 我有一个外部SVG文件，其中包含一些嵌入的图案图像标签。每当我使用将该SVG转换为PNG时，生成的PNG图像都不包含我已作为图案应用到某些SVG路径的图像。有什么办法解决这个问题？ 问题答案： 是的，有：将svg附加到文档中，并将所有包含的图像编码为dataURIs。 我正在编写一个脚本来执行此操作，还编写了一些其他内容，例如包括外部样式表以及toDataURL失败的其他修复方法（例如