javascript - 为什么我的犀牛书的 SVG 时钟副本是一个黑色圆圈？

Question

我在http://pastebin.com/RkhbhYra有一个 HTML 页面，其中包含以下相关 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：权威指南（第 6 版）中的示例 21-3。

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

我在 Chrome 中查看它。

建议？

Answer 1

更改#face 将阻止一切变黑。

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