svg图像不适用于safari 5.1.7（windows）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了svg图像不适用于safari 5.1.7（windows）相关的知识，希望对你有一定的参考价值。
svg图像在safari 5.1.7（windows）中不起作用。但是当我在safari中打开svg图像然后访问该网站时，图像就会显示在那里。
答案
Windows上的Safari已知存在计算响应内联SVG高度的问题。
你可以试试intrinsic ratio技术，你可以将<svg>标签绝对放在<object>标签内，底部填充等于svg的viewBox（或高度/宽度属性）的比例。
.my-responsive-svg {
width: 100%;
display: block;
height: auto;
position: relative;
/* for an svg with a 16:9 aspect ratio */
padding-top: 56.25%;
}
.my-responsive-svg svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}<object class="my-responsive-svg">
<svg width="160" height="90" viewBox="0 0 160 90">
<rect x="10" y="10" width="140" height="70" />
</svg>
</object>以上是关于svg图像不适用于safari 5.1.7（windows）的主要内容，如果未能解决你的问题，请参考以下文章
Firefox 错误 - globalCompositeOperation 不适用于 SVG 元素的 drawImage