canvas 画直线

以下是使用canvas画直线的示例代码：

window.onload = function () {
  var canvas = document.getElementById('canvas');
  canvas.width = 1024;
  canvas.height = 768;
  
  if (canvas.getContext('2d')) {
    var context = canvas.getContext('2d');
    
    // 使用context绘制
    // 从坐标(100,100)为起点开始
    context.moveTo(100, 100);
    context.lineTo(700, 700);
    
    // 线宽为5
    context.lineWidth = 5;
    
    // 线的样式颜色
    context.strokeStyle = '#005588';
    
    // 执行划直线这个操作
    context.stroke();
  } else {
    alert('当前浏览器不支持canvas，请更换浏览器后再试');
  }
}