在AngularJS中是否可以使用Snap.svg进行屏蔽？

Question

我尝试了Snap.svg网站上的“入门”教程，并尝试复制在http://codepen.io/rachsmith/pen/FzAGt中找到的代码

但我似乎就是不能让SVG掩蔽起作用。

其他人也有这个问题吗？据我所知，我设置它的方式与在线教程之间唯一的区别是我使用了AngularJS框架。

Answer 1

在基本层面上，它似乎是有效的。

angular.module('myApp', []).directive('mySvg', function() {
    return {
        restrict: 'E',
        link: function(scope, element, attr) {
            var s = Snap(120, 120);
            element.append(s.node);   
            var first = s.circle(40, 60, 40).attr({
                fill: "#888"
            });
            var second = s.circle(80, 60, 40).attr({
                fill: "#fff"
            });
            first.attr({
                mask: second
            });
        }
    };
});

请参阅小提琴上的代码。http://jsfiddle.net/83Gd4/1/