SVG SMIL路径动画在Safari中不起作用

是因为Safari浏览器不支持SMIL（Synchronized Multimedia Integration Language）动画。SMIL是一种用于创建多媒体演示的XML语言，可以用于在SVG中创建路径动画。

为了在Safari中实现路径动画，可以使用CSS动画或JavaScript来替代SMIL动画。下面是两种替代方案：

1. 使用CSS动画：可以使用CSS的@keyframes规则来创建路径动画。通过定义关键帧和动画属性，可以实现路径的平滑过渡。以下是一个示例：

@keyframes pathAnimation {
  0% {
    d: path("M0 0 L100 100");
  }
  100% {
    d: path("M0 0 L200 200");
  }
}

#myPath {
  animation: pathAnimation 2s linear infinite;
}

在上面的示例中，通过定义两个关键帧，路径从起始点(0, 0)到终点(100, 100)再到(200, 200)进行动画。通过将animation属性应用于具有id="myPath"的SVG路径元素，可以实现路径动画效果。

1. 使用JavaScript：使用JavaScript库（如GSAP、Snap.svg等）可以更灵活地控制SVG路径动画。以下是一个使用GSAP库的示例：

const path = document.querySelector('#myPath');
const tl = gsap.timeline({ repeat: -1 });

tl.to(path, { duration: 2, attr: { d: "M0 0 L200 200" }, ease: "linear" });

在上面的示例中，通过使用GSAP库的to方法，可以将路径动画应用于具有id="myPath"的SVG路径元素。通过指定动画的持续时间、目标属性和缓动函数，可以实现路径动画效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。腾讯云云服务器提供可扩展的计算能力，适用于部署和运行各种应用程序。腾讯云对象存储提供安全可靠的云端存储服务，适用于存储和管理大量的多媒体文件。

腾讯云云服务器产品介绍链接：https://cloud.tencent.com/product/cvm

腾讯云对象存储产品介绍链接：https://cloud.tencent.com/product/cos