Alguien ha usado Snap.svg?
La verdad tengo poca experiencia programando en JavaScript, sólo tengo unos días aprendiendo a usarlo, pero al mezclarlo con Snap tengo problemas con algo que seguramente es muy básico, mi código es el siguiente:
Código :
<script>
window.onload = function() {
var s = Snap(1000,800);
Snap.load("Desarrollo_Web.svg",function(f){
var g = f.select("g");
var cel = f.select("#cel");
var fondo = f.select("#fondo");
cel.animate({x: 500}, 1000);
var matrix = new Snap.matrix();
matrix.translate(200,200);
function encima(){
console.log("hover");
cel.attr({
transform:matrix
});
}
fondo.hover(encima);
s.append(g);
cel.drag();
});
};
</script>
En este link estoy publicando el ejercicio que estoy probando http://www.rosvel.com.mx/svg/index.html
Sucede que lo único que NO funciona es:
Código :
cel.animate({x: 500}, 1000);
Ya probé incluso ponerlo dentro de la función "encima" y nada; no error de sintaxis ni nada.
Este mismo código lo probé en un objeto que "dibuje" con Snap y si me funciona, pero no me funciona con el svg que estoy cargando (Desarrollo_Web.svg) ni con ninguno de sus elementos.
Puede alguien orientarme?
Gracias de antemano.
