brightboost
32 lines
802 B
HTML
Executable File
32 lines
802 B
HTML
Executable File
<html>
|
|
<head>
|
|
<style>
|
|
canvas {
|
|
border: 1px solid black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<canvas id="canvas1"></canvas>
|
|
<canvas id="canvas2"></canvas>
|
|
<canvas id="canvas3"></canvas>
|
|
<script>
|
|
let canvas1 = document.getElementById("canvas1");
|
|
let ctx1 = canvas1.getContext("2d");
|
|
ctx1.strokeRect(5, 5, 150, 100);
|
|
|
|
let canvas2 = document.getElementById("canvas2");
|
|
let ctx2 = canvas2.getContext("2d");
|
|
ctx2.beginPath();
|
|
ctx2.fillStyle = "blue";
|
|
ctx2.arc(60, 60, 20, 0, 2 * Math.PI);
|
|
ctx2.stroke();
|
|
|
|
let canvas3 = document.getElementById("canvas3");
|
|
let ctx3 = canvas3.getContext("2d");
|
|
ctx3.drawImage(canvas1, 10, 10);
|
|
ctx3.drawImage(canvas2, 10, 10);
|
|
</script>
|
|
</body>
|
|
</html>
|