Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript paper.js onFrame方法不';行不通_Javascript_Paperjs - Fatal编程技术网

Javascript paper.js onFrame方法不';行不通

Javascript paper.js onFrame方法不';行不通,javascript,paperjs,Javascript,Paperjs,我正在努力学习一些,但这对我不起作用:( 在下面的代码中,我在画布上创建了30个随机形状,并试图用onFrame方法旋转其中的每一个,但什么都没有发生,路径是固定的 var len = 30; var array = new Array(); var rand; var colors = ['#fbff00', '#99ff37', '#00eeff', '#374afe', '#ff005e']; for(var i = 0; i < len; i++) { rand

我正在努力学习一些,但这对我不起作用:( 在下面的代码中,我在画布上创建了30个随机形状,并试图用onFrame方法旋转其中的每一个,但什么都没有发生,路径是固定的

var len = 30;
var array = new Array();
var rand;
var colors = ['#fbff00', '#99ff37', '#00eeff', '#374afe', '#ff005e'];
for(var i = 0; i < len; i++) {      
    rand = getRandom(0, 4);
    switch (rand) {
        case 0: // if 0, create circle
            var path = new Path.Circle({
                center: [getRandom(30, scrwidth - 30), getRandom(30, scrheight - 30)],
                radius: 30
            });
            path.fillColor = colors[getRandom(0, 4)];
            array.push(path);
            break;
//and some others in the same way
    }
}
function getRandom(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
function onFrame(event) {
    for (var i = 0; i < len; i++) {
        var item = project.activeLayer.children[i];         
        item.rotate(3);
    }
}
paper.view.draw();
var len=30;
var数组=新数组();
var rand;
变量颜色=['#fbff00'、'#99ff37'、'#00eeff'、'#374afe'、'#ff005e'];
对于(var i=0;i
我受够了! 代码应该这样结束:

view.onFrame = function(event) { 
    for (var i = 0; i < len; i++) { 
        var item = project.activeLayer.children[i]; 
        item.rotate(3); 
    } 
} 
paper.view.draw();
view.onFrame=函数(事件){
对于(var i=0;i
我受够了! 代码应该这样结束:

view.onFrame = function(event) { 
    for (var i = 0; i < len; i++) { 
        var item = project.activeLayer.children[i]; 
        item.rotate(3); 
    } 
} 
paper.view.draw();
view.onFrame=函数(事件){
对于(var i=0;i
这是有效的,因为当您使用纯js而不是paperscript时,这是正确的方法。您从何处获取视图变量?
paper.view.onFrame=function(){}
似乎不起作用。如果调用
paper.install(窗口)
在运行任何其他代码之前,将纸张对象复制到全局范围,您可以直接从
视图
对象进行访问。我认为最后一行应该是
视图。draw()
虽然在首次调用
draw
后不需要调用,因为onFrame函数在自动执行后会重新绘制。这是有效的,因为当您使用纯js而不是paperscript时,这是正确的方法。从何处获取视图变量?
paper.view.onFrame=function(){}
似乎没有这样做。如果您在运行任何其他代码之前调用
paper.install(窗口);
,paper对象将复制到全局范围,您可以直接从
视图
对象进行访问。我相信最后一行应该是
视图.draw()
尽管在首次调用
draw
后不需要调用,因为onFrame函数在自动执行后会重新绘制。