async3619/index.html

## index.html
<!DOCTYPE HTML>
<html lang="ko">
    <body>
        <canvas id="canvas" width="500" height="500"></canvas>
        <button>load image</button>
        <script>
            function loadImage(src) {
                return new Promise(res => {
                    const img = new Image();
                    img.addEventListener("load", () => {
                        res(img);
                    });
                    img.src = src;
                })
            }

            const canvas = document.querySelector("#canvas");
            const context = canvas.getContext("2d");
            const button = document.querySelector("button");
            button.addEventListener("click", async () => {
                const image = await loadImage("./1622768267.jpg");
                context.drawImage(image, 0, 0);
            });
        </script>
    </body>
</html>
	<!DOCTYPE HTML>
	<html lang="ko">
	<body>
	<canvas id="canvas" width="500" height="500"></canvas>
	<button>load image</button>
	<script>
	function loadImage(src) {
	return new Promise(res => {
	const img = new Image();
	img.addEventListener("load", () => {
	res(img);
	});
	img.src = src;
	})
	}

	const canvas = document.querySelector("#canvas");
	const context = canvas.getContext("2d");
	const button = document.querySelector("button");
	button.addEventListener("click", async () => {
	const image = await loadImage("./1622768267.jpg");
	context.drawImage(image, 0, 0);
	});
	</script>
	</body>
	</html>