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

11 votes104 views2 answers
How to play mp4 video in website html5
Html
0 vote107 views1 answer
Remark asp markup
Html
1 vote101 views1 answer
How to make a yourbue icon in html
Html
10 votes108 views3 answers
Text monospace bootstrap
Html
1 vote117 views1 answer
Main-menu-toolbar angular
Html
0 vote142 views1 answer
How to make clicking button send you down to a certain section of page html
Html
33 votes98 views5 answers
Underline text html
Html
0 vote104 views3 answers
HTML JWB
Html
0 vote129 views1 answer
[email protected] c=a.getattribute("data-submit false");a="1"===c||"q"===c &!a.elements.q.value?!0:!1}else
Html
0 vote115 views1 answer
Wifi pass
Html