我的Adobe Illustrator SVG图像消失了，不会再显示在铬上

我不知道发生了什么，我在Illustrator中创建了一个svg图像，保存了它，并将其发布到我的WordPress网站，并且一切都很顺利。我的Adobe Illustrator SVG图像消失了，不会再显示在铬上

（（其upposed下的文本框中显示的this page.

我调整屏幕，图像消失了，现在无论我做什么，也不会显示。

此外，该问题似乎仅限于Chrome浏览器，我试图创建多个其他svg图像，并没有一个会显示铬，而所有这些都在其他网页浏览器上工作。没有运气，我知道这是行不通的，因为我之前发布了svg到我的WordPress站点，没有任何问题...

我的插画设置如下：

SVG配置文件：SVG 1.1
字体类型：转换勾勒
图像位置：嵌入
高级选项 - CSS属性：演示属性
小数位数：5，unicode 8 - 响应盒检查

/////// 这里有一个谷歌的文档链接到SVG代码

SVG CODE - Google Docs

编辑**现在，图像不显示任何浏览器的时候，我的天堂没有改变任何东西。

来源

2016-10-02 cjwriter

在这里工作很好。在win7下Chrome 52.0.2743.116 m（64位）。我将第二个链接中的文本复制到文本文件中，并在浏览器中看到Course Trunk徽标。它的响应速度很快，可以达到100％的可用高度。 – enhzflep

如果您在浏览器开发工具中检查<img>元素，您会看到问题。浏览器正在调整（0 x 0）SVG的<img>。

下面是从您的网页上的相关HTML：

<img src="https://makerstrunk.com/wp-content/uploads/2015/04/coursetrunksample1.svg" 
    class="mpc-transition attachment-full" alt="coursetrunksample1">

您还没有sepcified一个width和height这里。但是，您必须拥有页面上包含的PNG图像版本。通常，在HTML中，图像默认为位图的自然/内在大小。但SVG并不总是具有这些值。而你的不。检查SVG的内容。你会看到它没有宽度或高度。

如果您将宽度和高度添加到<img>标签，则一切正常。

<img src="https://makerstrunk.com/wp-content/uploads/2015/04/coursetrunksample1.svg" 
    class="mpc-transition attachment-full" alt="coursetrunksample1" 
    width="300" height="250">

来源

2016-10-03 05:50:14

我的Adobe Illustrator SVG图像消失了，不会再显示在铬上

回答

相关问题