Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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 动态调整paperjs动画的帧速率_Javascript_Animation_Paperjs - Fatal编程技术网

Javascript 动态调整paperjs动画的帧速率

Javascript 动态调整paperjs动画的帧速率,javascript,animation,paperjs,Javascript,Animation,Paperjs,我正在尝试动态调整paperjs动画的帧速率 <script type="text/paperscript" canvas="zacCanvas"> var count = 0; var frames = 10; function onFrame(event) { count++; if ( count % frames === 0 ) { } } </script> 在其他地方我有一个选

我正在尝试动态调整paperjs动画的帧速率

<script type="text/paperscript" canvas="zacCanvas">
    var count = 0;
    var frames = 10;

    function onFrame(event) {
        count++;
        if ( count % frames === 0 ) {
        }
    }
</script>
在其他地方我有一个选择控件:

<select id="frameRate" onchange="setFrameRate();">
    <option value="10">10</option>
    <option value="5">5</option>
    <option value="2">2</option>
    <option value="1">1</option>
    <option value="0.5">1/2</option>
</select>

但我就是找不到如何更新纸张范围的帧值

============单向==========

是将var帧设置为10;在全球范围内


但是有没有办法从全局范围访问PaperJS范围的变量呢?

您可以直接在JS中使用PaperJS。通过这种方式,您可以轻松地共享变量:paperjs.org/tutorials/getting start/using javascript directly

您可以在JS中直接使用paperjs。这样,您就可以轻松地共享变量:paperjs.org/tutorials/getting-start/using-javascript-directly

<script type="text/javascript">
    $(document).ready(function () {
        setFrameRate();
    });

    function setFrameRate() {
        frames = 60 / $('#frameRate').val();
    }
</script>