最近写的界面中有涉及到前端页面中的 canvas控件，但是在项目制作过程中有出现canvas画出来的图与逻辑中写的图不相符，好像是有拉伸。效果图如下：
打开查看前面代码会发现 红框内的有样式 而右边又有类样式，界面上的展示是根据类 中的样式进行展示的，但是js代码又是根据 js代码：
js设置canvas样式的宽和高
这样就会造成以js的宽高做图，然后用类中的宽高显示，当两者不同时 ，canvas图就会拉伸或者缩小。
解决办法，去掉类样式！
shuangxingxitong 2021-03-26 14:06 原文
最近写的界面中有涉及到前端页面中的 canvas控件，但是在项目制作过程中有出现canvas画出来的图与逻辑中写的图不相符，好像是有拉伸。效果图如下：
打开查看前面代码会发现 红框内的有样式 而右边又有类样式，界面上的展示是根据类 中的样式进行展示的，但是js代码又是根据 js代码：
js设置canvas样式的宽和高
这样就会造成以js的宽高做图，然后用类中的宽高显示，当两者不同时 ，canvas图就会拉伸或者缩小。
解决办法，去掉类样式！