Android 变形svg clippath路径的动画
花了几个小时来实现以下目标,在又花了几个小时进行故障排除和搜索后,我想也许你们中的某位天才有办法解决我的问题(: 正如标题所说,我希望通过更改路径中的d属性来设置svg clippath的动画。设置如下所示:Android 变形svg clippath路径的动画,android,animation,svg,clip-path,mapbox-gl,Android,Animation,Svg,Clip Path,Mapbox Gl,花了几个小时来实现以下目标,在又花了几个小时进行故障排除和搜索后,我想也许你们中的某位天才有办法解决我的问题(: 正如标题所说,我希望通过更改路径中的d属性来设置svg clippath的动画。设置如下所示: <svg><clippath> <path d="M...s...l... ...z"> <animate attributeName="d" from="initial" to="some new path" dur
<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动画技巧也不起作用)
我的问题:有没有一种方法可以为变形的clippath设置动画
编辑:很抱歉,我完全忘记了这一点。当我将剪辑应用于除mapbox地图(既不是mapbox gl画布,也不是map container div)之外的任何对象时,它都会起作用。剪辑和更改路径会起作用,但不会产生动画。一旦我有时间,我将提供一个示例 仅供参考:最终目标是动态剪裁/屏蔽mapbox gl贴图。由于贴图是一个画布元素,我还尝试了一些画布剪裁,但遗憾的是,当画布元素是容器div的子元素时,这种剪裁不起作用。默认情况下,mapbpx gl就是这种情况,并且无法更改(已经联系了他们的开发团队)。由于mapbox,特别是gl版本是相当新的,因此在将来可能会有解决此问题的方法。如果有人有想法剪裁整个mapbox地图,并且如果您可以分享您的想法,那么不仅仅是一个图层就很酷了 如果有人为mapbox的android sdk提供了解决方案,而不是web版本,那么这也会起作用:)
非常感谢!(如有必要,我可以提供更多信息)这应该行得通。也许您可以提供一个完整的测试用例作为JSFIDLE,或者在问题中使用stacksnippets。当我将剪辑应用于mapbox映射之外的任何对象(既不是画布也不是容器div)时,它就会起作用。剪辑和更改路径可以工作,但没有动画。一旦我有时间,我会提供一个例子。为什么这个问题上有标签?它和Android有什么关系?