前端 canvas踩坑，关于绘制图形斜边更粗的乌龙

之前一直不太有写博客的习惯，一般写到自己的文档笔记里方便查看，今天开始就慢慢倒着把踩的坑解决的问题搬过来记录一下
最近在实习，不得不说参与实战真的能让自己对技术的理解深很多，之前听课一知半解听了就忘的东西现在都慢慢熟练使用了

最近用canvas做了个预览图生成，可以根据我输入的点来绘制一些基础的图形，但今天自己测试的时候发现一个问题，这个三角形的最后一条斜边路径怎么比别的边粗？

而正方形又很正常

我不信邪的再试了几个，发现只要是斜边就很粗，搜了半天也没搜出来相关的问题

最后多试了几个后，发现不是bug，是我的画布大小问题
我的画布大小定的200*200 ，而线条还有一定的粗细，当我顶点定（0，0）（200，200）这些端点的时候，线条因为比较粗，粗的部分会出框，造成这些斜线比直线粗的乌龙，实际上斜线的宽度才是我设定的线条宽度，直线看着细是因为超出隐藏了！以后绘制这种路径千万不要把点设置到端点上，要预留点空间

超框和正常画布对比：

如果有足够的预留空间，是不会造成斜边更粗的乌龙的！

因为搜索的时候没搜到类似的问题回答，记录下这个踩坑