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';

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'。因此，最终结果是您每次都只是推“红色”。新建一个变量。

无法阅读属性＆＃39; hue＆＃39;未定义的

3 个答案: