一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2022-09-16 编辑:坚强 来源:一聚教程网

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

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

例如

 
 
 
Untitled 1 
 

 
 
 
    

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

如果更改为:

    

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

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

热门栏目