Js draw canvas on canvas

Javascritp canvas

//Creates a canvas and draws a circle
var canvas = document.body.appendChild(document.createElement("canvas"));
var ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.arc(canvas.width / 2, canvas.height / 2, 50, 0, Math.PI * 2);
ctx.fillStyle = "red";
ctx.strokeStyle = "black";
ctx.stroke();
ctx.fill();

Javascript canvas

#this code creates a circle within a canvas that must be created in HTML
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

Js draw canvas on canvas

<canvas id="canvas-1"></canvas>
<canvas id="canvas-2"></canvas>
<script>
  const canvas1 = document.getElementById("canvas-1");
  const canvas2 = document.getElementById("canvas-2");
  const ctx1 = canvas1.getContext("2d");
  const ctx2 = canvas2.getContext("2d");
  ctx1.fillStyle = "red";
  ctx1.fillRect(10, 10, canvas1.width - 20, canvas.height - 20);
  ctx2.drawImage(canvas1, 0, 0);
</script>

Similar codes

1 vote305 views1 answer
What is the browser default background color for selected text
Html
17 votes313 views6 answers
Collapse boostrap
Html
0 vote353 views1 answer
Bulma file upload
Html
11 votes343 views5 answers
Html button disabled
Html
32 votes315 views6 answers
Bootstrap alerts
Html
21 votes356 views1 answer
Media screen meta tag
Html
6 votes295 views1 answer
Excel formulas are being treated as text
Html
182 votes310 views6 answers
How to set background image in html
Html
7 votes345 views2 answers
Html make range bar show value
Html
0 vote313 views2 answers
Twig and
Html