Javascript 为什么我的犀牛书是'；这是一个黑色的圆圈吗？

我有一个页面，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:The Definitive Guide（第6版）中的示例21-3

它似乎不起作用；它形成一个黑色的圆圈，里面没有非黑色的东西。JavaScript控制台没有显示任何错误

我正在用Chrome浏览器查看它

建议？

换张脸会让一切不再是黑色的

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