爲什麼我的犀牛書SVG時鐘副本是黑色圓圈？

Question

我有一個頁面，HTML在http://pastebin.com/RkhbhYra，與相關的JavaScript：

var wallclock_now = new Date(); 
var wallclock_minute = wallclock_now.getMinutes(); 
var wallclock_hour = wallclock_now.getHours() % 12 + wallclock_minutes/60; 
var wallclock_minute_angle = wallclock_minute * 6; 
var wallclock_hour_angle = wallclock_hour * 30; 
var wallclock_minute_hand = document.getElementById('minutehand'); 
var wallclock_hour_hand = document.getElementById('hourhand'); 
wallclock_minute_hand.setAttribute('transform', 'rotate(' + wallclock_minute_angle + ',50,50)'); 
wallclock_hour_hand.setAttribute('transform', 'rotate(' + wallclock_hour_angle + ',50,50'); 

此的目的是作爲一個副本，模一些重命名和大衛弗拉納根的JavaScript的移動單引號，例如21-3：權威指南（第6版）。

它似乎沒有工作;它在AFAICT內部形成了一個黑色圓圈，沒有任何非黑色。 JavaScript控制檯沒有顯示任何錯誤。

我在Chrome中查看它。

對此提出建議？

Answer 1

更改#face將停止所有黑色。

#face 
     { 
     stroke-width: 3px; 
     fill: none; 
     }