Ví dụ tag canvas line

<canvas> vẽ đường thẳng đơn giản

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function(){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
 
    context.moveTo(50, 180); //Điểm bắt đầu
    context.lineTo(570, 50); //Điểm kết thúc
    context.stroke();
};
</script>
</head>

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

<canvas> image crop

<canvas> - line color