Question

强大的textI我发现了一些类似的问题，虽然大多数答案都适用于直接加载.svgs，并强制它们显示块。我将.svg作为背景图像加载到所需图像大小的blank.gif窗口。

在最近几天（仅限Chrome），我的一些svg被svg背景属性中出现的滚动条切断，但加载了后备.png时消失了。

有谁知道原因可能是什么？

EDIT :: 奇怪的是，虽然这不适用于我在家或工作中的普通镀铬，但它正在我的chrome（beta）版本中工作。我尝试将chrome：// flags重置为普通chrome上的默认值 - 但问题仍然存在。

编辑2：下面的答案（Illustrator将overflow =“scroll”添加到某些svg文件中），要删除的代码位于顶部，在viewBox和xml之间：space：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     x="30px" y="30px" viewBox="0 0 30 30" overflow="scroll" xml:space="preserve">

Answer 1

我也遇到过这个问题。我从Adobe Illustrator中保存了大部分SVG文件。无论出于何种原因，它在我的一些文件中的overflow="scroll"中添加了SVG标记。删除这个解决了我的问题。

Chrome svg在某些元素上显示滚动条

1 个答案: