キャンバスに複数のレイヤーを追加する

Question

paper.jsを使用して、HTMLキャンバス内のさまざまな色で複数の図形を追加しようとしています。いくつかのキャンバスを持たずにこれを行う方法はありますか？ 1つのキャンバス内に図形を描くことは可能ですか？ここで私が持っているものです：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

はい、1枚のキャンバスに複数の図形を描画することが可能です。 http://paperjs.org/examples/hit-testing/がその例の1つです。