paper.js 处理程序不起作用答案

【问题标题】：paper.js handlers not workingpaper.js 处理程序不起作用
【发布时间】：2014-03-17 04:02:50
【问题描述】：

我有一个 JavaScript 文件：

    var canvas = document.createElement('canvas');
    canvas.id = 'canvas1';
    canvas.width = 400;
    canvas.height = 400;
    canvas.resize;

    var e = document.createElement('script');
    e.type = '/text/javascript/';
    e.src = '/static/notebook/js/paper.js';

    var c = document.createElement('script');
    c.type = '/text/javascript/';
    c.src = '/static/notebook/js/mypaper.js';

我的 mypaper.js 文件具有以下内置于 paper.js 中的功能：

var d = document.getElementById('canvas1');
paper.setup(d);
function onFrame(event) {   //this function does not run 
console.log("test");        
}
var raster = new paper.Raster('/static/notebook/js/turtle.png'); //this works?

但它没有运行。我还注意到 onkeydown 不起作用。我相信这与 PaperScope 有关，但我不确定。我可以创建栅格、路径和线条，它们都显示得很好，除了函数不运行。我正在尝试让它在 IPython Notebook 中制作动画。

【问题讨论】：

标签： javascript ipython-notebook paperjs

【解决方案1】：

你可以尝试调用 paper.js

c.type="text/paperscript";

看看这是否有帮助。或使用PaperScript.execute(code, scope) 执行您的代码

【讨论】：

我不得不将我的函数从函数 onFrame(event) 更改为 paper.onFrame = function (event)