<!DOCTYPE html>
<html>
<body>
    <canvas id="myCanvas" style="border:1px solid #000000;"></canvas>

    <p id="output"></p>

    <script>
        var canvas = document.getElementById('myCanvas');
        var ctx = canvas.getContext('2d');

        var image = new Image();
        image.src = 'canvas.jpg';
        image.onload = function() {
            canvas.width = this.naturalWidth;
            canvas.height = this.naturalHeight;
            ctx.drawImage(image, 0, 0, this.naturalWidth, this.naturalHeig