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

Question

我正在学习如何在 JavaScript 中制作动画。我正在使用 paper.js，我想要做的是在单击某个键时生成具有某些效果的圆圈。在此之前，我只是简单地尝试使用从 documentation.But 中找到的 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';

Answer 2

var animatedCircle = new Path.Circle({
    center: (100,100),
    radius: 100,
    fillColor: 'red'
});

function onFrame(event) {
    animatedCircle.fillColor.hue += 1;
}

Answer 3

您将 fillColor 设置为红色，所以最后返回的是 string 'red.' 所以最终结果是您只是每次推入 'red'。创建一个新变量。

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

Cannot read property 'hue' of undefined

javascript

dom-events

paperjs

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

Cannot read property 'hue' of undefined

javascript

dom-events

paperjs

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