用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/