原因

由于以上都是通过canvas画布生成的，一旦初始化，就会按照比例进行缩放，但与此同时，比例尺并没有变化，导致坐标偏移

解决办法

设置一个zoomVal产量，在页面加载时计算缩放比例，然后在canvas容器上添加style
{ zoom: zoomVal, transform:scale(＄{1/zoomVal}), transformOrigin: ‘0 0’ }