SVG 图像不显示在 Safari 浏览器上答案

【问题标题】：SVG image not display on Safari browserSVG 图像不显示在 Safari 浏览器上
【发布时间】：2022-06-15 21:09:43
【问题描述】：

我有一个问题，我不知道如何解决。

我有一个 SVG 图像，并使用 CSS 在其上添加了动画，它在 Chrome 和 Mozilla 中运行良好，但在 Safari 中除外。

问题是我在 Safari 中看不到图片。

 <object
   type="image/svg+xml"
   class="img-sth"
   height="150"
   width="150"
   data="/img/image.svg">
 </object>

我已经使用 CSS 添加了动画：

.img-sth {
  position: absolute;
  height: 80px;
  top: -3px;
  left: 16px;
  -webkit-animation:spin-faster 4s linear 0.01s infinite;
  -moz-animation:spin-faster 4s linear 0.01s infinite;
  animation:spin-faster 4s linear 0.01s infinite;
}

@-moz-keyframes spin-faster { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin-faster { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin-faster { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

有什么想法吗？

【问题讨论】：

直接将 SVG 代码放在页面中而不是使用对象时是否有效？
@somethinghere 我没有这样尝试，你能告诉我应该如何改变吗？我之前有标记，但又在对象标记中的一些标记上。

标签： javascript svg safari svg-animate