canvas 绘图时位置偏离的问题解决方法

今天为大家带来了canvas 绘图时位置偏离的问题解决方法，本文用详细的代码为大家呈现。

使用 canvas 绘图时，指定的 div 大小一定不要超过该 div 所能获得的最大范围，否则绘制的点会跟实际位置发生偏离。

例如

上例中可以正确的绘制线图。

如果更改为：

由于 canvas 所需 width 800px 无法满足，因此绘制线图时，与实际鼠标位置发生偏离。

以上就是关于canvas 绘图时位置偏离的问题解决方法的全部内容了。