canvas绘制线条时如何设置起点坐标

1、打开vscode，新建一个html文件，在文件中输入一个感叹号，再按一下tab键，就能快速完成html5规范的文档结构（使用文本文件编辑也是一样的效果）

3、在页面中添加js代码，获取页面canvas标签对象，再判断当浏览器支持canvas标签时，获取canvas绘制2d，即平面图形的对象

5、在浏览器中运行页面，就可以看到canvas范围内出现了一条从左上角开始的直线

7、再次打开浏览器，运行可以看到canvas图形中的起点，距离左上角有横向50，纵向50的偏移了