问题情景:想设置全屏canvas时,直接修改了canvas的css样式为width:100%。

出现问题:绘图时坐标不对应且有明显放大感。

问题原因:css中width是将canvas尺寸直接放大,而实际需要的是修改canvas本身的尺寸。

解决办法:直接定义canvas.width和canvas.height。

我用的是vue3所以用了onMounted来修改,也可用window.onload

 

 修改后:明显正常了。

 

posted on 2024-03-06 21:31  Ahaya  阅读(34)  评论(0编辑  收藏  举报