angularjs - 使用 Snap.svg 进行遮罩在 AngularJS 中有效吗？

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/