Estoy confeccionando un reloj en svg y también tratando de introducir en él elementos con la librería zepto pero por no sé que causa los nuevos elementos son creados pero no se muestran en la página.
El reloj está en:
http://jmanuel74.neocities.org/modulo_9/reloj_svg.html
El código implicado es en primer lugar crear los elementos (unas rayas que marquen las horas en el borde de la esfera):
Código:
for (i=1;i<13;i++) {
var elemid = ' #hor' + i;
$('svg').append('<line class="linea_hora" id="hor' + i + '"/>');
$(elemid).attr('x1', x2(i,12,180,150)).attr('y1', y2(i,12,180,150)).attr('x2', x2(i,12,180,140)).attr('y2', y2(i,12,180,140));
}
y en el css darle color con:
Código:
.linea_hora{
stroke:black;
stroke-width:5;
}
En las herramientas de desarrollador del navegador aparecen creados los nuevos elementos pero no se visualizan en la página.
Alguna idea?
Perdón por si no he puesto el mensaje en el subforo adecuado.
Saludos