记录一个Canvas全屏的问题

项目中采用websocket加canvas实现了共享的画板，但是当其中一个canvas全屏显示时就会出现问题，canvas画布会被拉长拉宽，这是因为HTML5的全屏并不会更改canvas的画布的大小，所以要监听页面的缩放，及时调整canvas的大小，才不会使图像出现变形。

第二个问题就是我需要对画板下面的iframe层的PDF文件进行缩放，当PDF被放大以后，通过websocket传过来的坐标仍旧是在未缩放的canvas上的位置，所以会跟PDF文件上的内容对不上，此时需要根据PDF放大的比例对坐标进行缩放，才能实现放大的PDF与canvas图像的对应。