<canvas id="diagonal" style="border:1px sorlid;" width="200" height="200">
</canvas>
<script>
function drawDiagonal(){
var canvas=document.getElementById('diagonal');
var context=canvas.getContext('2d');

context.beginPath();
context.moveTo(70,140);
context.lineTo(140,70);
context.stroke();
}
</script>