Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 变形svg clippath路径的动画_Android_Animation_Svg_Clip Path_Mapbox Gl - Fatal编程技术网

Android 变形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

花了几个小时来实现以下目标,在又花了几个小时进行故障排除和搜索后,我想也许你们中的某位天才有办法解决我的问题(:

正如标题所说,我希望通过更改路径中的d属性来设置svg clippath的动画。设置如下所示:

<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有什么关系?