add multiple different layers in canvas

Question

I am trying to add several multiple shapes in different colours in my HTML canvas using paper.js. Is there a way to do this without having several canvases? Is it possible to draw the shapes within one canvas? Here is what I have: 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>

http://stackoverflow.com/questions/3008635/html5-canvas-element-multiple-layers Hope this helps! — Taj Chaitan, Apr 18 '17 at 13:25

score 1 · Answer 1 · answered Apr 19 '17 at 05:19

1

Yes it is possible to draw multiple shapes in one canvas. http://paperjs.org/examples/hit-testing/ is one of the examples.

answered Apr 19 '17 at 05:19

sapics

1,052
7
22

add multiple different layers in canvas

1 Answers1