Snap.svg paper-object

Estoy jugando con Snap.svg. No quiero sonar realmente nada pero no obtengo el siguiente ejemplo en los API-docs;

var f = paper.filter(Snap.filter.blur(5, 10)), c = paper.circle(10, 10, 10).attr({ filter: f }); 

Estoy buscando en los documentos para la instancia en papel o incluso a lo que se refiere. Intento get un path borroso cuando cierro. ver el siguiente ejemplo;

  var paper = Snap.select("#icon-parent"), icon = Snap.select("#x-mark-icon"), f = paper.filter(Snap.filter.blur(5, 10)); icon.hover(function(event) { this.animate({ transform : "t110,150", filter: f }, 200, mina.easeout); }, function(event) { this.animate({ transform : "t0,0" }, 200, mina.easeout); }); 

este es el ícono de Iconmonstr;

 <svg id="icon-parent" xml:space="preserve" enable-background="new 0 0 512 512" viewBox="0 0 512 512" height="40px" width="40px" y="0px" x="0px" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path d="M256,50C142.229,50,50,142.229,50,256s92.229,206,206,206s206-92.229,206-206S369.771,50,256,50z M334.124,378.545l-77.122-77.117l-77.123,77.127l-41.425-41.449l77.106-77.117l-77.115-77.11l41.448-41.424l77.103,77.092 l77.09-77.102l41.459,41.432l-77.104,77.108l77.113,77.102L334.124,378.545z" id="x-mark-icon"/> </svg> 

Hay un par de problemas, dependiendo de lo que está buscando. La asignación de borrosidad está bien, creo. Es que está incluido como un atributo de animation que está causando un problema, creo. También es posible que deba comprobar el segundo ancho / alto de la window y la traducción de la animation, ya que puede aparecer fuera de ella si se aplica el filter, por lo que necesitará algunas modificaciones adicionales. He ampliado el ancho / alto del svg en el violín solo para que puedas ver.

 icon.hover(function (event) { this.attr({ filter: f }); this.animate({ transform: "t10,10", }, 200, mina.easeout); ... 

Hay un violín en http://jsfiddle.net/pcAZT/11/