为什么我的犀牛书的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');

这是一个副本，模拟一些重命名和移动到单引号，例如David Flanagan的 JavaScript：The Definitive Guide （第6版）中的例子21-3。

它似乎不起作用;它形成一个黑色圆圈，AFAICT内部没有任何非黑色。 JavaScript控制台没有显示任何错误。

我正在Chrome浏览器中查看。

建议？

Answer 1

更改#face将阻止所有黑色。

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