在畫布中添加多個不同的圖層

Question

我試圖在使用paper.js的HTML畫布中以不同顏色添加多個不同的圖形。有沒有辦法做到這一點，而沒有幾個畫布？是否可以在一個畫布內繪製形狀？以下是我有：https://jsfiddle.net/8hywopu8/1/

HTML：

<canvas id="bacterium"></canvas> 

<canvas id="bacterium"></canvas> 

<canvas id="bacterium"></canvas> 

<canvas id="bacterium"></canvas> 

<canvas id="bacterium"></canvas> 

Answer 1

是的，它可以繪製多個形狀在一個畫布。 http://paperjs.org/examples/hit-testing/就是其中的一個例子。