Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular IE11+中的SVG;角度不';我没有内容类型_Angular_Svg - Fatal编程技术网

Angular IE11+中的SVG;角度不';我没有内容类型

Angular IE11+中的SVG;角度不';我没有内容类型,angular,svg,Angular,Svg,我正在构建一个Anguar 8应用程序,它使用一个库(我公司的一个团队创建的库),其中包含一个用于背景图像样式的SVG 为了在我的计算机上进行开发,Chrome和IE 11(IE版本11.805.17763.0IS)可以很好地加载SVG。但是,该应用程序正在部署到具有IE11版本11.0.9600.19180CO的Citrix服务器上。在我的计算机上,网络属性控制台选项卡中的文件内容类型正确显示为image/svg+xml。但是在Citrix服务器的IE11上,内容类型为空,最终结果是SVG不显

我正在构建一个Anguar 8应用程序,它使用一个库(我公司的一个团队创建的库),其中包含一个用于背景图像样式的SVG

为了在我的计算机上进行开发,Chrome和IE 11(IE版本11.805.17763.0IS)可以很好地加载SVG。但是,该应用程序正在部署到具有IE11版本11.0.9600.19180CO的Citrix服务器上。在我的计算机上,网络属性控制台选项卡中的文件内容类型正确显示为image/svg+xml。但是在Citrix服务器的IE11上,内容类型为空,最终结果是SVG不显示

完整的CSS:

.date-facade > button {
  background: transparent url('../img/ico-calendar-blue.svg') no-repeat scroll 50% 50%;
  background-size: 1.2rem 1.2rem;
  border-color: #CED3D9;
  border-style: solid;
  border-bottom-right-radius: 0.29em;
  border-top-right-radius: 0.29em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.2rem;
  border-width: 0 0 0 .1em;
  border-width: 0 0 0 .08rem;
  cursor: pointer;
  height: 2.68em;
  height: 2.2rem;
  margin-left: 0.25em;
  margin-left: 0.15rem;
  padding: 0;
  width: 2.9em;
  width: 2.2rem;
}
(我不知道为什么库在rem和em中都指定了这些属性,这就是库的工作方式。)

svg文件:

<?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.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve">
<path fill="#1893D1" d="M17.7,2h-0.9V1.7C16.8,0.7,16,0,15.1,0h-0.9c-0.9,0-1.7,0.7-1.7,1.7V2h-0.8V1.7C11.7,0.7,10.9,0,10,0H9
    C8.1,0,7.3,0.7,7.3,1.7V2H6.6V1.7C6.6,0.7,5.8,0,4.9,0H3.9C3,0,2.2,0.7,2.2,1.7V2H1.3C0.6,2,0,2.5,0,3.2v14.5C0,18.4,0.6,19,1.3,19
    h16.4c0.7,0,1.3-0.6,1.3-1.2V3.2C19,2.5,18.4,2,17.7,2z M17,6v3h-3V6H17z M6,10h3v3H6V10z M5,13H2v-3h3V13z M9,14v3H6v-3H9z M10,14
    h3v3h-3V14z M10,10h3v3h-3V10z M14,10h3v3h-3V10z M13.4,1.7c0-0.4,0.4-0.8,0.8-0.8H15c0.4,0,0.8,0.4,0.8,0.8v2.5
    C15.9,4.6,15.5,5,15,5h-0.9c-0.4,0-0.8-0.4-0.8-0.8V1.7z M13,6v3h-3V6H13z M8.2,1.7c0-0.4,0.4-0.8,0.8-0.8h0.9
    c0.4,0,0.8,0.4,0.8,0.8v2.5c0,0.4-0.4,0.8-0.8,0.8H9.1C8.6,5,8.2,4.6,8.2,4.2V1.7z M9,6v3H6V6H9z M3.1,1.7c0-0.4,0.4-0.8,0.8-0.8
    h0.9c0.4,0,0.8,0.4,0.8,0.8v2.5C5.6,4.6,5.3,5,4.8,5H4C3.5,5,3.1,4.6,3.1,4.2V1.7z M5,6v3H2V6H5z M2,14h3v3H2V14z M14,17v-3h3v3H14z
    "/>
</svg>


库的SVG或Angular+SVG有什么问题吗?我一直在google和stack overflow上搜寻关于SVG没有内容类型的帖子,但没有找到任何东西。我怀疑SVG没有显示是因为没有指定内容类型,但我不知道为什么没有指定,或者如何修复它。当我复制文件路径并在单独的选项卡中打开图像时,会显示XML而不是SVG图像


值得注意的是,库中有一个演示站点,当我在Citrix IE中加载该演示站点时,SVG加载良好。

我不确定angular应用程序部署到哪个web服务器

如果IE11在Citrix中显示SVG时出现问题,那么chrome、firefox和其他浏览器也不能显示SVG

如果您的web服务器是IIS,则可以在IIS控制台中添加mimeType



这通常表明服务器设置存在实际问题。它根本不知道(甚至不允许)具有svg扩展名的文件。@MikeOne即使演示站点加载良好?我认为您应该注意您尝试过的内容,这样我们就不必猜测或建议您已经做过的事情。例如:您尝试过@shadowfox476吗?问题是没有内容类型。我确实尝试过在浏览器中使用css,取消选中高度、宽度和其他属性。这已经在angular应用程序的索引中。HTMLA这是系统管理员应该做的事情吗?我没有访问服务器端的权限。我可以部署到服务器,但仅此而已。如果您知道谁部署了您的angular应用程序,您可以向他们寻求帮助。