CoffeeScript + processing.js绘制图像失败
|
我尝试使用CoffeeScript使用processing.js加载图像并编写以下简单代码:
canvas1_proc = (ps) ->
ps.setup = ->
ps.noLoop()
ps.size(550, 400)
@img = ps.loadImage(\'1.png\')
ps.draw = ->
ps.image(@img, 0, 0)
$(document).ready () ->
canvas1 = document.getElementById \'canvas-1\'
processing = new Processing(canvas1, canvas1_proc)
CoffeeScript代码被编译为代码
var canvas1_proc;
canvas1_proc = function(ps) {
ps.setup = function() {
ps.noLoop();
ps.size(550, 400);
return this.img = ps.loadImage(\'1.png\');
};
return ps.draw = function() {
return ps.image(this.img, 0, 0);
};
};
$(document).ready(function() {
var canvas1, processing;
canvas1 = document.getElementById(\'canvas-1\');
return processing = new Processing(canvas1, canvas1_proc);
});
该图像未显示,并且在js控制台中没有错误。我的错误在哪里?
没有找到相关结果
已邀请:
3 个回复
疾桓
勘掸府迫路
屡倒雷图
指令(在
中将编译与JS分开处理),则Processing只知道等待图像加载。 一种解决方法是使用回调到
(第三个参数,前两个参数是图像名称和类型)来强制重绘。换线
至
这样,您将获得一个初始的
,然后在加载图像时得到另一个。