问题情景:想设置全屏canvas时,直接修改了canvas的css样式为width:100%。
出现问题:绘图时坐标不对应且有明显放大感。
问题原因:css中width是将canvas尺寸直接放大,而实际需要的是修改canvas本身的尺寸。
解决办法:直接定义canvas.width和canvas.height。
我用的是vue3所以用了onMounted来修改,也可用window.onload
修改后:明显正常了。
标签:canvas,鼠标,修改,width,绘图,css From: https://www.cnblogs.com/ahaya-my/p/18057658