为什么我复制的犀牛书的SVG时钟是一个黑圈？

Question

我有一个页面，在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');

这是作为一个副本，模一些重命名和移动到单引号，例如21-3在大卫弗拉纳根的JavaScript:最终指南(第6版)。

它似乎不起作用；它使AFAICT内部没有任何非黑色的东西成为一个黑色的圆圈。JavaScript控制台没有显示任何错误。

我正在用Chrome查看它。

有什么建议吗？

Answer 1

换个脸就能阻止一切变黑。

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