2011-07-01 93 views
1

我做了以下内容:PaperJS画布背景色填充

<script type="text/paperscript" canvas="canvas"> 
fill_canvas(set_of_clicked_points){ 
//code which correctly fills up colour for static array 
context.putImageData(imageData, 0,0); 
// 
} 


alert(set_of_clicked_points); 
} 
var cells=new Array(); 
function onMouseDown(event) { 
var myCircle = new Path.Circle(event.point, 3); 
myCircle.fillColor = 'black'; 
set_of_clicked_points.push(event.point.x); 
set_of_clicked_points.push(event.point.y); 
fill_canvas(set_of_clicked_points){ 

} 
</script> 

现在我的脚本工作完美,直到警报(set_of_clicked_points);之后,背景会再次变成白色,因为根据我的功能它应该有不同的颜色。我怎样才能做到这一点?

PaperJS是否会定期刷新画布的背景?

回答

0

通过context-2d绘图命令在画布上进行的任何直接绘图都将在下一次绘制时擦除。Paper.js在执行脚本后绘制视图,然后在每个onFrame/onMouse(Up/Down/etc)事件。你想用你的脚本完成什么?

+0

我想绘制使用鼠标放在画布上的单元格的中心,创建单元格中心的坐标列表并使用它们绘制voronoi图 –

1

代码中的大括号似乎不匹配。

  • 线2,打开
  • 线6,靠近
  • 线10,靠近
  • 管线12,打开
  • 线17,开放
  • 线19,靠近

第10行上的紧密卷曲支架与开放式卷曲支架不匹配,第12行上的开放式卷曲支架没有匹配g关闭大括号。