javascript - 无法读取未定义的属性 'hue'

Question

我正在学习如何用 JavaScript 制作动画。我正在使用 paper.js，我想做的是在单击某个键时生成具有一些效果的圆圈。在此之前，我只是尝试使用从文档中找到的 onFrame 函数来更改圆圈的颜色。但它一直给我错误:

Cannot read property 'hue' of undefined

如何解决？

<script  type="text/paperscript" canvas="myCanvas">
            
            function onKeyDown(event) {
                var maxPoint = new Point(view.size.width,view.size.height);
                var randomPoint = new Point.random();
                var point = maxPoint * randomPoint;
                new Path.Circle(point, 20).fillColor = 'purple';
            }
            var animatedCircle = new Path.Circle(100,100, 100).fillColor = 'Red';
            function onFrame(event) {
                animatedCircle.fillColor.hue += 1;
            }
        </script>

Answer 1

此行有错误:

var animatedCircle = new Path.Circle(100,100, 100).fillColor = 'Red';

因此 animatedCircle.fillColor 未定义。

试试这个:

var animatedCircle = new Path.Circle(100,100, 100);
animatedCircle.fillColor = 'Red';