花了几个小时来实现以下目标，经过几个小时的故障排除和搜索，我想也许你们中的某个天才可以解决我的问题（：
正如标题所说，我想通过更改路径内部的 d 属性来为 svg 剪辑路径设置动画。设置如下所示：
<svg><clippath>
<path d="M...s...l... ...z">
<animate attributeName="d"
from="initial" to="some new path" dur="Xs" begin="trigger"/>
</path></clippath></svg>
并且在某些触发器（例如按下按钮）上，动画应该开始。除了许多其他绝望的尝试之外，在某种程度上起作用的是 beginElement。问题是动画本身。路径改变了它的形状，但没有任何动画。（js 和 css 动画技巧也不起作用）
我的问题：有没有办法为变形剪辑路径设置动画？
编辑：抱歉完全忘记了这一点。当我将剪辑应用于除 mapbox 地图（既不是 mapbox-gl 画布也不是地图容器 div）之外的任何东西时，它就可以工作。剪切和更改路径有效，但没有动画。有时间我会提供一个例子。
仅供参考：最终目标是动态剪辑/遮罩 mapbox gl 地图。由于地图是一个画布元素，我还尝试了一些画布剪辑，遗憾的是，当画布元素是容器 div 的子元素时，这种剪辑不起作用，mapbpx gl 默认情况下就是这种情况，并且无法更改（已经联系过）他们的开发团队）。由于 mapbox 尤其是 gl 版本相当新，因此在未来可能会有解决此问题的方法。如果有人有一个想法来剪辑整个 mapbox 地图，如果你能分享你的想法，那么不仅一个图层会很酷！
如果有人有 mapbox 的 android sdk 而不是 web 版本的解决方案，这也可以工作:)
提前谢谢了！（如有必要，我可以提供更多信息）