为什么我的犀牛书;s的SVG时钟为黑色圆圈

Why is my copy of the rhinoceros book's SVG clock a black circle?

本文关键字:时钟 黑色 SVG 犀牛 我的 为什么      更新时间:2023-09-26

我有一个页面,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浏览器中查看。

建议?

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

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