Ví dụ tag canvas img size

<canvas> image size

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function(){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
 
    var x = 0; //Vị trí đặt hình, theo tọa độ x
    var y = 0; //Vị trí đặt hình, theo tọa độ y
    var widthNew = 250; //Chiều rộng mới của hình
    var heightNew = 155; //Chiều dài mới của hình
    var canvasImg = new Image();
    canvasImg.onload = function(){
    context.drawImage(canvasImg, x, y, widthNew, heightNew);
    };
    canvasImg.src = "images/img_flower.jpg";
};
</script>
</head>

<body>
<canvas id="myCanvas" width="578" height="300"></canvas>
</body>
</html>

<canvas> - image

<canvas> - image crop