项目需要简单用到canvas画线。大体需求是在canvas中展示一张图片，在图片上随便点击四个点连接起来。

问题

1. 图片清晰度不够， 说明：图片分辨率本身为1920*1280,展示到300*169大小的canvas标签中很模糊

// canvas.style.width = 300
// canvas.style.height = 169
let canvas = docuemnt.getElementById('canvas')
let context = canvas.getContext('2d')

解决：将context.width设置为图片元高度

context.width = 1920
context.height = 1080

理解：context中的width与height指的是canvas标签所在区域所容纳的像素数量。