2011-07-01 125 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關閉大括號。