Javascript android webview上的snap.svg动画和缩放问题

我在尝试使snap.svg动画在android webview中工作时遇到了一个问题。同样的代码适用于常规web浏览器，也适用于iOS中的UIWebView。在android中，动画显示正常，但webview缩放停止正常工作。我可以缩放，但视图会不断重置并返回到以前的缩放级别。此外，一些瑕疵会重复出现在图像的某些部分，从而在错误的位置绘制其他瑕疵。我已经在三种不同的android设备上测试了该代码，并且在所有的设备上都是一样的，所以它看起来不像是一个特定的设备问题

我还检查了删除动画是否一切正常

这是动画的代码：

MapElement.prototype.blink = function(anim){
if (anim) {
    (function animateElement(mapelem,opacity) {
        mapelem.stop().animate({opacity: opacity}, 100, function() {
            if (opacity==0)
                animateElement(mapelem,1);
            else
                animateElement(mapelem,0);
        })
    })(this.mapEl,0);

    this.mapAnimBlink.toggle(true);
    (function animateBackground(mapelem,radius) {
        mapelem.animate({r: radius}, 1200, function() {
            mapelem.attr({r: 0});
            animateBackground(mapelem,40);
        })
    })(this.mapAnimBlink,40);
}
else{
    this.mapEl.stop();
    this.mapEl.attr({opacity:1});
    this.mapAnimBlink.stop();
    this.mapAnimBlink.toggle(false);
}
};

给定jSON字符串中的元素id列表，我设置如下闪烁

function setBlinkMapElementsl(ids) {
var ids = $.parseJSON(ids);
$.each(Map.mapElements, function( index, value ) {      
    value.blink($.inArray(value.id, ids.ids)>=0);
});
}

也许动画的无限循环对webview的压力太大了？或者snap.svg和android WebView存在问题？任何帮助都将不胜感激